@import url('https://fonts.font.im/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&family=DM+Mono:wght@400;500&display=swap');
@media(max-width:768px){
  .saas-v29-grouped-header,.saas-v29-module-tabs{padding:0 16px!important;gap:20px!important}
  .saas-v29-grouped-tab,.saas-v29-module-tab{padding:12px 0!important;font-size:13px!important}
}
#wpadminbar{display:none!important}html{margin-top:0!important}*,*::before,*::after{box-sizing:border-box}html.saas-takeover-preload body{overflow:hidden!important;background:#f5f6f7!important}html.saas-takeover-preload body>*:not(script):not(style):not(link){visibility:hidden!important}body.saas-takeover-active{overflow:hidden!important;background:#f5f6f7!important;font-family:'DM Sans',sans-serif!important;margin:0!important;padding:0!important;transition:background .3s!important;min-height:100vh!important}body.saas-takeover-active>*:not(#saas-fullscreen-app-wrapper):not(.ql-container):not(script):not(style):not(link):not(.saas-v29-modal-overlay):not(.saas-v29-tooltip-bubble):not([id^="saas-toast-"]){display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;width:0!important;position:absolute!important;z-index:-9999!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:#f5f6f7;overflow:hidden!important}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;background:#f5f6f7;height:100vh;overflow-x:hidden}.topbar{display:none}.mobile-toggle{display:none;background:transparent;border:none;color:#888b94;cursor:pointer;padding:0;margin-right:8px}.topbar-spacer{flex:1}@media(max-width:960px){.topbar{display:flex;align-items:center;padding:12px 16px;min-height:50px;flex-shrink:0;background:transparent}.mobile-toggle{display:flex;align-items:center;justify-content:center}}.content{--workspace-top-gap:24px;--workspace-bottom-gap:24px;flex:1;padding:var(--workspace-top-gap) 36px var(--workspace-bottom-gap);overflow:hidden;display:flex;gap:24px;align-items:stretch;min-height:0;height:100%}.workspace-main{flex:1 1 0;min-width:0;margin:0!important;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;align-self:stretch;background:transparent;box-shadow:none;padding:0 0 24px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:auto}.workspace-main::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.workspace-main-card{background:#fff;padding:40px;border:1px solid #ececec;box-shadow:none;border-radius:18px;transition:background .3s,border-color .3s,transform .16s ease;min-height:auto;transform:translateY(0);will-change:transform}.workspace-side{width:340px;flex:0 0 340px;display:flex;flex-direction:column;gap:20px;transition:.3s;margin:0!important;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;padding-top:2px;padding-bottom:24px;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto}.workspace-side::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.workspace-side>*{flex-shrink:0!important}.content.is-top-gap-hidden .workspace-main-card{transform:translateY(-24px)}@media(max-width:1200px){.content.is-top-gap-hidden .workspace-main-card{transform:translateY(-10px)}}@media(max-width:768px){.content.is-top-gap-hidden .workspace-main-card{transform:translateY(-10px)}.content.is-top-gap-hidden .workspace-main{transform:translateY(-10px)}}.saas-v29-label{display:flex;align-items:center;font-size:15px;font-weight:600;margin-bottom:3px;color:#111;letter-spacing:-.01em;transition:.3s}.saas-v29-desc-line{font-size:12px;color:#a1a1a6;margin:0 0 12px;line-height:1.5}.saas-v29-required{color:currentColor;margin-right:4px;font-size:16px;font-weight:700;line-height:1;margin-top:4px}.saas-v29-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#e8e9eb;color:#3a3d44;font-size:11px;font-weight:700;margin-left:8px;cursor:help;transition:.2s;border-radius:999px;flex-shrink:0;border:1px solid #e8e8e8}.saas-v29-tooltip:hover{background:#4682b4;color:#fff;border-color:#4682b4}.saas-v29-tooltip-bubble{position:fixed;z-index:2147483646;max-width:260px;padding:10px 14px;background:#4682b4!important;color:#fff!important;font-size:12px;font-weight:600;line-height:1.6;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;border-radius:10px;border:none!important;box-shadow:0 8px 24px rgba(70,130,180,.3)!important}.saas-v29-tooltip-bubble.show{opacity:1;transform:translateY(0)}.saas-v29-input,.saas-v29-textarea,.saas-v29-select-header{width:100%;border:1px solid #d6d6db;font-size:14px;font-weight:500;color:#1d1d1f;padding:14px 16px;background:#fff;transition:all .2s ease;outline:none;font-family:inherit;border-radius:12px}.saas-v29-input{height:48px;padding-top:0;padding-bottom:0}.saas-v29-textarea{min-height:144px;resize:vertical;line-height:1.6}.saas-v29-input:focus,.saas-v29-textarea:focus,.saas-v29-custom-select.open .saas-v29-select-header{border-color:#4682b4;background:#fff;box-shadow:0 0 0 4px rgba(70,130,180,.12)}.saas-v29-input::placeholder,.saas-v29-textarea::placeholder{color:#aaacb2}.saas-v29-custom-select{position:relative;width:100%}.saas-v29-select-header{display:flex;justify-content:space-between;align-items:center;height:48px;cursor:pointer}.saas-v29-select-value{color:#aaacb2;font-size:14px;font-weight:700;user-select:none;pointer-events:none}.saas-v29-select-arrow{transition:transform .2s ease;stroke:#aaacb2;pointer-events:none}.saas-v29-custom-select.open .saas-v29-select-arrow{transform:rotate(180deg);stroke:#3a3d44}.saas-v29-select-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:transparent;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.saas-v29-custom-select.open .saas-v29-select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.saas-v29-dropdown-scroll{position:relative;background:#fff;border:1px solid #e8e8e8;box-shadow:0 8px 24px rgba(58,61,68,.1);max-height:250px;overflow-y:auto;z-index:10001;border-radius:12px}.saas-v29-select-option{padding:14px 20px;font-size:14px;font-weight:700;color:#3a3d44;cursor:pointer;border-bottom:1px solid #e8e9eb;transition:.2s}.saas-v29-select-option:last-child{border-bottom:none}.saas-v29-select-option:hover{background:#e8e9eb;color:#1e2026;padding-left:24px}.saas-v29-tags-wrapper{display:flex;flex-wrap:wrap;gap:8px;width:100%;align-items:center}.saas-v29-tag{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:30px;background:transparent;color:#6b6f78;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;user-select:none;border:1px solid #d6d9df;border-radius:999px}.saas-v29-tag:hover{background:#f4f8fc;color:#4682b4;border-color:#4682b4;transform:none}.saas-v29-tag.selected{background:#eef2f8!important;border-color:#4682b4!important;color:#4682b4!important;font-weight:600!important;transform:none}.saas-v29-tag-custom{background:transparent!important;border:1px dashed #c7c7cc!important;color:#86868b!important;border-radius:999px!important;font-weight:500!important}.saas-v29-tag-custom:hover{border-color:#4682b4!important;color:#4682b4!important;background:transparent!important}.saas-v29-slider-wrapper{display:flex;align-items:center;gap:12px;width:100%;max-width:450px}.saas-v29-slider-container{flex:1;display:flex;align-items:center;height:50px}.saas-v29-slider-value-badge{min-width:46px;text-align:center;font-weight:700;color:#1e2026;background:#e8e9eb;padding:7px 12px;font-size:14px;user-select:none;border-radius:8px;border:1px solid #e8e8e8}.saas-v29-slider{-webkit-appearance:none;width:100%;height:6px;background:#e8e8e8;outline:none;margin:0;padding:0;border-radius:999px}.saas-v29-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#fff;border:3px solid #4682b4;cursor:pointer;border-radius:50%;box-shadow:none;transition:transform .1s ease}.saas-v29-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.saas-v29-grouped-container,.saas-v29-module-wrapper{border:1px solid #e8e8e8!important;overflow:hidden;background:#fff!important;width:100%;transition:.3s;border-radius:14px;display:flex;flex-direction:column}.saas-v29-grouped-header,.saas-v29-module-tabs{display:flex!important;background:transparent!important;border-bottom:1px solid #ececec!important;flex-wrap:wrap;padding:0 24px;gap:28px;position:relative;z-index:2;margin-bottom:0}.saas-v29-grouped-tab,.saas-v29-module-tab{padding:14px 0!important;font-size:14px!important;font-weight:500!important;color:#888b94!important;cursor:pointer;transition:all .18s ease;user-select:none;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;margin-bottom:-1px!important;background:transparent!important;position:relative;z-index:0;box-shadow:none!important}.saas-v29-grouped-tab.active,.saas-v29-module-tab.active{background:transparent!important;color:#1e2026!important;border:none!important;border-bottom:2px solid #1e2026!important;box-shadow:none!important;font-weight:600!important;z-index:2!important}.saas-v29-grouped-tab:hover:not(.active),.saas-v29-module-tab:hover:not(.active){color:#3a3d44!important;background:transparent!important}.saas-v29-grouped-body{padding:18px;min-height:72px;background:#fff;border:none;border-radius:0!important;position:relative;z-index:1}.saas-v29-grouped-panel{display:none;flex-wrap:wrap;gap:8px;align-items:center}.saas-v29-grouped-panel.active{display:flex}.saas-v29-grouped-plus-panel{display:none;flex-direction:column;gap:18px}.saas-v29-grouped-plus-panel.active{display:flex}.saas-v29-sub-group-block{display:flex;flex-direction:column;gap:10px}.saas-v29-sub-title{font-size:13px!important;font-weight:500!important;color:#6b6f78!important;display:flex;align-items:center}.saas-v29-sub-title::before{content:'';display:inline-block;width:2px;height:11px;background:#4682b4!important;margin-right:7px;border-radius:1px}.saas-v29-module-content{background:#fff;border:none;border-radius:0!important}.saas-v29-item-card{border:1px solid #e8e8e8;margin-bottom:12px;overflow:hidden;background:#fff;transition:all .2s;border-radius:12px}.saas-v29-item-card:hover{border-color:#aaacb2;transform:translateY(-2px);box-shadow:0 4px 16px rgba(5,0,56,.1)}.saas-v29-item-header{background:#f0f1f2;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;color:#1e2026;font-size:14px;border-bottom:1px solid transparent;transition:background .2s;border-radius:12px 12px 0 0}.saas-v29-item-body{padding:16px;display:flex;flex-direction:column;gap:12px}.saas-v29-item-body.collapsed{display:none}.saas-v29-item-input-group{display:flex;gap:12px}.saas-v29-item-input{flex:1;border:1px solid #e8e8e8;padding:12px;font-size:14px;font-weight:700;color:#1e2026;background:#fff;border-radius:8px;outline:none;transition:border-color .2s;font-family:inherit}.saas-v29-item-input:focus{border-color:#3a3d44;box-shadow:0 0 0 3px rgba(58,61,68,.08)}.saas-v29-item-textarea{width:100%;border:1px solid #e8e8e8;padding:12px;font-size:14px;font-weight:700;min-height:92px;resize:vertical;box-sizing:border-box;background:#fff;color:#1e2026;border-radius:8px;outline:none;transition:border-color .2s;font-family:inherit}.saas-v29-item-textarea:focus{border-color:#3a3d44;box-shadow:0 0 0 3px rgba(58,61,68,.08)}.saas-v29-btn-add-item{width:100%;padding:14px;border:1px dashed #bbbdc4;background:transparent;color:#3a3d44;cursor:pointer;font-weight:700;font-size:14px;transition:.2s;margin-top:8px;outline:none;border-radius:10px;font-family:inherit}.saas-v29-btn-add-item:hover{border-color:#3a3d44;color:#1e2026;background:#e8e9eb;transform:translateY(-2px);box-shadow:0 4px 16px rgba(5,0,56,.1)}.saas-v29-item-del{color:#e24b4a;font-size:12px;cursor:pointer;font-weight:700;padding:4px 8px;border-radius:4px;transition:.15s}.saas-v29-item-del:hover{background:#fcebeb}.workspace-side .card{background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s;overflow:hidden;border:1px solid #e4e5e8;border-radius:20px;transform:none!important}.workspace-side .card:hover{border-color:#bbbdc4;transform:none!important;box-shadow:0 6px 18px rgba(5,0,56,.06)}.profile-card-compact{padding:0;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0!important;border:1px solid #e4e5e8!important;border-radius:20px!important;background:#fff!important;transform:none!important}.profile-card-compact:hover{transform:none!important;border-color:#dfe2e7!important;box-shadow:0 6px 18px rgba(5,0,56,.05)!important}.profile-poster{position:relative;height:152px;background-color:#3b6f9c;background-image:linear-gradient(135deg,#2c3e52 0%,#3b6f9c 50%,#5f8db3 100%);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px}.profile-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.32);letter-spacing:.02em;white-space:nowrap;z-index:2}.profile-poster-foot{display:flex;align-items:flex-end;gap:12px;width:100%;position:relative;z-index:1}.profile-avatar-wrap{width:56px;height:56px;border-radius:14px;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.25)}.profile-avatar{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px}.profile-poster-text{flex:1;min-width:0;padding-bottom:2px}.profile-name{font-size:17px;line-height:1.3;font-weight:800;color:#fff;margin:0 0 3px;text-shadow:0 1px 4px rgba(0,0,0,.3);word-break:break-word}.profile-role{font-size:11px;line-height:1.5;font-weight:600;color:rgba(255,255,255,.85);margin:0;text-shadow:0 1px 3px rgba(0,0,0,.3);word-break:break-word}.profile-card-compact .profile-bottom{display:flex!important;align-items:stretch!important;justify-content:space-between!important;width:100%!important;min-width:0!important;padding:16px 12px 17px!important;background:#fff!important;overflow:hidden!important}.profile-card-compact .profile-metric{flex:0 0 33.3333%!important;width:33.3333%!important;max-width:33.3333%!important;min-width:0!important;padding:0 8px!important;text-align:center!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.profile-card-compact .profile-metric:not(:last-child)::after{content:""!important;position:absolute!important;top:50%!important;right:0!important;width:1px!important;height:30px!important;transform:translateY(-50%)!important;background:#eef0f3!important}.profile-card-compact .profile-metric-value{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:18px!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:18px!important;color:#1e2026!important;font-weight:800!important;letter-spacing:-.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;box-sizing:border-box!important;order:2!important}.profile-card-compact .profile-metric-label{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 5px!important;padding:0!important;font-size:10px!important;line-height:12px!important;color:#aaacb2!important;font-weight:700!important;letter-spacing:-.03em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;box-sizing:border-box!important;order:1!important}.workspace-side .workspace-generate-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:12px!important;width:100%!important;padding:18px!important;background:#fff!important;border:1px solid #e4e5e8!important;border-radius:20px!important;box-shadow:none!important;overflow:hidden!important;flex-shrink:0!important;box-sizing:border-box!important}.workspace-side .workspace-generate-card:hover{border-color:#bbbdc4!important;transform:none!important;box-shadow:0 6px 18px rgba(5,0,56,.05)!important}.workspace-side .workspace-generate-card .saas-v29-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:52px!important;margin:0!important;padding:0!important;border-radius:14px!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(70,130,180,.28)!important}.workspace-side .workspace-generate-cost{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1!important;font-weight:600!important;color:#8a8fa8!important;white-space:nowrap!important}.workspace-generate-cost-label{color:#8a8fa8!important;font-weight:600!important}.workspace-generate-vip{font-weight:700!important;margin-right:2px!important}.workspace-generate-cost-pill{display:inline-flex!important;align-items:center!important;gap:3px!important;background:#eef2f8!important;color:#4682b4!important;border:1px solid #d8e4f0!important;border-radius:999px!important;padding:3px 10px!important;font-weight:700!important;font-size:12px!important}.profile-banner,.profile-main,.profile-top,.profile-name-row,.profile-eyebrow,.profile-status,.profile-tags,.profile-meta,.profile-info,.profile-cost,.profile-desc{display:none}.saas-v29-action-btn{background:#4682b4!important;color:#fff!important;padding:14px 36px!important;font-size:14px!important;font-weight:700!important;border:none!important;cursor:pointer!important;width:max-content!important;margin:0 auto!important;font-family:inherit!important;letter-spacing:.5px!important;box-shadow:none!important;transition:all .2s ease!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:12px!important;outline:none!important}.saas-v29-action-btn:hover{background:#3a6b96!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(70,130,180,.3)!important}.storyos-prompt-overlay,.storyos-alert-overlay,.storyos-confirm-overlay,.saas-v29-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(20,22,26,.45);backdrop-filter:blur(4px);z-index:2147483648;display:none;align-items:center;justify-content:center}.storyos-prompt-overlay.show,.storyos-alert-overlay.show,.storyos-confirm-overlay.show,.saas-v29-modal-overlay.show{display:flex}.storyos-prompt-box,.storyos-alert-box,.storyos-confirm-box{background:#fff!important;border-radius:24px;border:1px solid #e8e8e8;box-shadow:0 24px 64px rgba(5,0,56,.18);width:360px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden;animation:storyosPromptPop .2s cubic-bezier(.2,.8,.2,1)}.storyos-alert-box,.storyos-confirm-box{width:320px}@keyframes storyosPromptPop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.storyos-prompt-hd,.storyos-alert-hd,.storyos-confirm-hd{padding:20px 22px 12px;font-size:15px;font-weight:800;color:#1e2026;background:#fff!important;border-bottom:1px solid #e8e9eb;border-radius:24px 24px 0 0}.storyos-prompt-bd{padding:18px 22px;background:#fff!important}.storyos-alert-bd,.storyos-confirm-bd{padding:14px 22px 6px;font-size:13px;font-weight:500;color:#6b6b9a;line-height:1.6;background:#fff!important}.storyos-prompt-input{width:100%;height:46px;border:1px solid #e8e8e8;border-radius:10px;padding:0 14px;font-size:14px;font-weight:700;color:#1e2026;background:#e9f0f7;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.storyos-prompt-input:focus{border-color:#4682b4;background:#fff;box-shadow:0 0 0 4px rgba(70,130,180,.15)}.storyos-prompt-ft,.storyos-alert-ft,.storyos-confirm-ft{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:10px;background:#fff!important}.storyos-prompt-cancel,.storyos-confirm-cancel{padding:9px 20px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid #e8e8e8;background:#f5f6f7;color:#3a3d44;cursor:pointer;transition:all .18s ease;font-family:inherit}.storyos-prompt-confirm,.storyos-alert-ok{padding:9px 24px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid #4682b4;background:#4682b4;color:#fff;cursor:pointer;transition:all .18s ease;font-family:inherit}.storyos-confirm-ok{padding:9px 24px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid #e24b4a;background:#e24b4a;color:#fff;cursor:pointer;transition:all .18s ease;font-family:inherit}html.dark-mode body.saas-takeover-active,html.dark-mode #saas-fullscreen-app-wrapper,html.dark-mode .main-area{background:#12131f!important}html.dark-mode .workspace-main-card,html.dark-mode .workspace-side .card,html.dark-mode .saas-v29-grouped-container,html.dark-mode .saas-v29-module-wrapper{background:#1a1b2e!important;border-color:#2a2b40!important}html.dark-mode .saas-v29-input,html.dark-mode .saas-v29-textarea,html.dark-mode .saas-v29-select-header,html.dark-mode .saas-v29-item-input,html.dark-mode .saas-v29-item-textarea{background:#12131f!important;border-color:#2a2b40!important;color:#e0e4f8!important}html.dark-mode .saas-v29-label{color:#e0e4f8!important}html.dark-mode .saas-v29-desc-line{color:#6b7299!important}html.dark-mode .saas-v29-grouped-header,html.dark-mode .saas-v29-module-tabs{background:transparent!important;border-bottom-color:#2a2b40!important}html.dark-mode .saas-v29-grouped-tab.active,html.dark-mode .saas-v29-module-tab.active{color:#e0e4f8!important;border-bottom-color:#e0e4f8!important}html.dark-mode .saas-v29-tag{background:transparent!important;border-color:#3a3e4c!important;color:#9098a8!important}html.dark-mode .saas-v29-tag:hover{background:rgba(70,130,180,0.08)!important;border-color:#4682b4!important;color:#a8c3dd!important}html.dark-mode .saas-v29-tag.selected{background:rgba(70,130,180,0.15)!important;border-color:#4682b4!important;color:#a8c3dd!important}html.dark-mode .saas-v29-grouped-body,html.dark-mode .saas-v29-module-content,html.dark-mode .profile-bottom{background:#1a1b2e!important}html.dark-mode .saas-v29-tag{background:#1e2028!important;color:#9098a8!important;border-color:#2a2e38!important}html.dark-mode .saas-v29-tag.selected{background:#4169e1!important;color:#fff!important;border-color:#4169e1!important}html.dark-mode .profile-metric-value{color:#e0e4f8!important}html.dark-mode .profile-metric-label{color:#6b7299!important}@media(max-width:1200px){.content{--workspace-top-gap:10px;--workspace-bottom-gap:24px;flex-direction:column-reverse;padding:var(--workspace-top-gap) 24px var(--workspace-bottom-gap);overflow-y:auto;overflow-x:hidden;height:auto}.workspace-main{margin:0!important;min-height:auto;height:auto;max-height:none;overflow:visible;flex:none;padding-bottom:0}.workspace-side{width:100%;display:flex;flex-direction:column;gap:20px;margin:0!important;min-height:auto;height:auto;max-height:none;overflow:visible;padding-bottom:0;flex:none}}@media(max-width:768px){.topbar{padding:12px 16px;gap:10px}.content{--workspace-top-gap:10px;padding:var(--workspace-top-gap) 14px 24px}.workspace-main-card{padding:24px}.saas-v29-item-input-group{flex-direction:column}}
/* StoryOS：所有输入模块标题与模块内容间距 */
.saas-v29-field-block > .saas-v29-label {
    margin-bottom: 14px !important;
    padding-left: 8px !important;
}

.saas-v29-label.storyos-sc-outer-label-hidden {
    display: none !important;
}
.storyos-page-header {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 24px 32px;
    margin-bottom: 20px;
}
.storyos-page-crumb {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #aaacb2;
    margin: 0 0 10px;
}
.storyos-page-crumb .crumb-link {
    color: #aaacb2;
    cursor: pointer;
    text-decoration: none;
    transition: color .2s;
}
.storyos-page-crumb .crumb-link:hover { color: #4682b4; }
.storyos-page-crumb .crumb-static {
    color: #aaacb2;
    cursor: default;
}
.storyos-page-crumb svg {
    width: 12px;
    height: 12px;
    color: #c7c7cc;
    flex-shrink: 0;
}
.storyos-page-crumb .crumb-here {
    color: #6b6f78;
    font-weight: 500;
}
.storyos-page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}
.storyos-page-title {
    font-size: 22px;
    font-weight: 600;
    color: #1e2026;
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.4;
}
.storyos-page-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    white-space: nowrap;
}
.storyos-page-meta-cost {
    font-size: 13px;
    color: #6b6f78;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.storyos-page-meta-cost svg {
    width: 13px;
    height: 13px;
    color: #4682b4;
}
.storyos-page-meta-time {
    font-size: 11px;
    color: #aaacb2;
}
html.dark-mode .storyos-page-header {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}
html.dark-mode .storyos-page-title { color: #e0e4f8 !important; }
html.dark-mode .storyos-page-head { border-bottom-color: #2a2b40 !important; }
@media (max-width: 768px) {
    .storyos-page-header { padding: 18px 20px; border-radius: 14px; }
    .storyos-page-head { flex-direction: column; align-items: flex-start; gap: 10px; }
    .storyos-page-meta { flex-direction: row; align-items: center; gap: 12px; }
}

/* ===== Story Config Module · Plan A 单层留白式 ===== */
.storyos-sc-va {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: #1e2026;
}

.storyos-sc-va * {
    box-sizing: border-box;
}

/* ===== 工具栏化（V2.0.18 toolbar-compress） =====
   .va-top 只装标题；功能性 UI（tabs / 高级 / 导入）统一压进 .va-toolbar */
.storyos-sc-va .va-top {
    margin-bottom: 14px;
}

.storyos-sc-va .va-title-block {
    display: block;
}

.storyos-sc-va .va-ttl {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.storyos-sc-va .va-desc {
    font-size: 12.5px;
    color: #aaacb2;
    margin-top: 4px;
    line-height: 1.5;
}

/* 工具栏容器 */
.storyos-sc-va .va-toolbar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 6px 5px 8px;
    background: #fafbfc;
    border: 1px solid #ececec;
    border-radius: 10px;
    margin-bottom: 22px;
    min-height: 44px;
    flex-wrap: wrap;
}

.storyos-sc-va .va-tb-sep {
    width: 1px;
    height: 18px;
    background: #ececec;
    margin: 0 4px;
    flex-shrink: 0;
}

.storyos-sc-va .va-tb-spacer {
    flex: 1 1 auto;
    min-width: 4px;
}

/* 导入按钮 → chip 形态（无边框、透明底、悬停淡蓝底） */
.storyos-sc-va .va-import {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border: none;
    color: #4682b4;
    background: transparent;
    padding: 6px 12px;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
    user-select: none;
}

.storyos-sc-va .va-import:hover {
    background: #eef4fa;
    color: #2d5878;
}

.storyos-sc-va .va-import svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.storyos-sc-va button.va-import {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
}
.storyos-import-trigger {
    pointer-events: auto !important;
}

/* 原 .va-import-text-icon"文"/"人"字标已废弃，规则保留为空以防其他地方残留引用 */
.storyos-sc-va .va-import-text-icon {
    display: none !important;
}

/* tabs → 节段控件（segmented control） */
.storyos-sc-va .va-tabs {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 7px;
    padding: 2px;
    flex-shrink: 0;
}

.storyos-sc-va .va-tab {
    padding: 5px 13px;
    font-size: 12.5px;
    font-weight: 500;
    color: #888b94;
    cursor: pointer;
    border: none;
    border-bottom: none;
    border-radius: 5px;
    margin-bottom: 0;
    transition: .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.storyos-sc-va .va-tab.on {
    color: #fff;
    font-weight: 600;
    background: #1e2026;
    border-bottom-color: transparent;
}

.storyos-sc-va .va-tab:not(.on):hover {
    color: #1e2026;
}

.storyos-sc-va .tcnt {
    font-size: 11px;
    font-weight: 600;
    color: #4682b4;
    background: #eef2f8;
    border-radius: 999px;
    padding: 1px 7px;
    line-height: 1.5;
}

.storyos-sc-va .va-tab.on .tcnt {
    background: rgba(255,255,255,0.18);
    color: #fff;
}

/* 切到"标签"tab 时，工具栏里的"高级"chip 自动消失 */
.storyos-sc-va:has(.va-tab.on[data-tab="tags"]) .va-adv-toggle {
    display: none;
}

.storyos-sc-va .va-pane {
    display: none;
}

.storyos-sc-va .va-pane.on {
    display: block;
}

.storyos-sc-va .scd-fl {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.storyos-sc-va .scd-fl + .scd-fl {
    margin-top: 30px;
}

.storyos-sc-va .scd-lbl {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #3a3d44;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.storyos-sc-va .scd-lbl::before {
    content: '';
    width: 3px;
    height: 13px;
    background: #4682b4;
    border-radius: 2px;
    margin-right: 8px;
    flex-shrink: 0;
}

.storyos-sc-va .scd-lbl .opt {
    font-size: 11px;
    color: #aaacb2;
    font-weight: 400;
    margin-left: 6px;
}

/* 输入框保持原样，不改变 */
.storyos-sc-va .scd-tx {
    width: 100%;
    border: 1px solid #d6d9df;
    border-radius: 12px;
    font-size: 13px;
    color: #1d1d1f;
    outline: none;
    resize: vertical;
    font-family: inherit;
    background: #fff;
    padding: 12px 14px;
    line-height: 1.6;
    transition: border-color .2s, box-shadow .2s;
}

.storyos-sc-va .scd-tx:focus {
    border-color: #4682b4;
    box-shadow: 0 0 0 3px rgba(70,130,180,.1);
}

.storyos-sc-va .scd-tx::placeholder {
    color: #aaacb2;
}

.storyos-sc-va .scd-area {
    min-height: 88px;
}

.storyos-sc-va .scd-mini {
    min-height: 52px;
    font-size: 12.5px;
    padding: 8px 11px;
}

.storyos-sc-va .scd-tagrow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 9px;
    align-items: center;
}

.storyos-sc-va .scd-tg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    height: 28px;
    border: 1px solid #d6d9df;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 500;
    color: #6b6f78;
    cursor: pointer;
    user-select: none;
    transition: all .15s;
    background: #fff;
}
.storyos-sc-va .scd-tg:hover {
    border-color: #4682b4;
    color: #4682b4;
    background: #f4f8fc;
}

.storyos-sc-va .scd-tg.on {
    background: #eef2f8;
    border-color: #4682b4;
    color: #4682b4;
    font-weight: 600;
}

.storyos-sc-va .scd-tg.add {
    border-style: dashed;
    border-color: #c7c7cc;
    color: #86868b;
}

.storyos-sc-va .scd-tg.add:hover {
    border-color: #4682b4;
    color: #4682b4;
    background: transparent;
}

.storyos-sc-va .scd-tg.storyos-user-tag,
.storyos-cc-rel-quick button.storyos-user-tag {
    position: relative;
    padding-right: 24px;
}

.storyos-tag-delete {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 999px;
    background: rgba(107,111,120,.16);
    color: #6b6f78;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.storyos-tag-delete:hover {
    background: rgba(226,75,74,.12);
    color: #e24b4a;
}

.storyos-cc-rel-quick button.storyos-user-tag .storyos-tag-delete {
    right: 6px;
}

/* 高级 chip — 工具栏内的可点开关 */
.storyos-sc-va .va-adv-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0;
    padding: 6px 10px;
    font-size: 12.5px;
    font-weight: 500;
    color: #6b6f78;
    background: transparent;
    border-radius: 7px;
    cursor: pointer;
    user-select: none;
    transition: all .15s;
    flex-shrink: 0;
}

.storyos-sc-va .va-adv-toggle:hover {
    background: #eef2f5;
    color: #1e2026;
}

.storyos-sc-va .va-adv-toggle.open {
    background: #e6ebef;
    color: #1e2026;
}

.storyos-sc-va .va-adv-toggle svg {
    width: 13px;
    height: 13px;
    transition: transform .25s;
    opacity: 0.75;
}

.storyos-sc-va .va-adv-toggle.open svg {
    transform: rotate(180deg);
    opacity: 1;
}

.storyos-sc-va .va-adv-body {
    display: none;
    margin-top: 18px;
    grid-template-columns: 1fr 1fr;
    gap: 36px 18px;
}

.storyos-sc-va .va-adv-body.open {
    display: grid;
}

.storyos-sc-va .va-adv-i {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.storyos-sc-va .va-adv-i span {
    font-size: 11.5px;
    font-weight: 500;
    color: #888b94;
    margin-top: 14px;
}

.storyos-sc-va .va-subseg {
    display: inline-flex;
    background: #f1f3f5;
    border-radius: 11px;
    padding: 4px;
    gap: 2px;
    margin-bottom: 18px;
}

.storyos-sc-va .va-subtab {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    font-size: 12.5px;
    font-weight: 500;
    color: #6b6f78;
    border-radius: 8px;
    cursor: pointer;
    transition: .18s;
    white-space: nowrap;
}

.storyos-sc-va .va-subtab.on {
    background: #fff;
    color: #1e2026;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.07);
}

.storyos-sc-va .va-subtab .c {
    font-size: 11px;
    font-weight: 600;
    color: #aaacb2;
}

.storyos-sc-va .va-subtab.on .c {
    color: #4682b4;
}

.storyos-sc-va .va-spanel {
    display: none;
}

.storyos-sc-va .va-spanel.on {
    display: block;
}
.storyos-cc-va .storyos-cc-main-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 18px;
}

.storyos-cc-va .storyos-cc-soft-block {
    border: 1px solid #e8ecf3;
    border-radius: 14px;
    margin-top: 18px;
    background: #fff;
    overflow: hidden;
}

.storyos-cc-va .storyos-cc-soft-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    cursor: pointer;
    user-select: none;
}

.storyos-cc-va .storyos-cc-soft-head span {
    font-size: 14px;
    font-weight: 700;
    color: #3a3d44;
}

.storyos-cc-va .storyos-cc-soft-head em {
    font-style: normal;
    font-size: 12px;
    color: #aaacb2;
    flex: 1;
}

.storyos-cc-va .storyos-cc-soft-head b {
    font-size: 12px;
    color: #4682b4;
    font-weight: 700;
}

.storyos-cc-va .storyos-cc-soft-body {
    display: none;
    padding: 0 16px 16px;
}

.storyos-cc-va .storyos-cc-soft-block.open .storyos-cc-soft-body {
    display: block;
}

.storyos-cc-va .storyos-cc-soft-block.open .storyos-cc-soft-head b {
    color: #86868b;
}

.storyos-cc-va .storyos-cc-relation-row,
.storyos-cc-va .storyos-cc-other-row {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.storyos-cc-va .storyos-cc-relation-row {
    grid-template-columns: 1fr 1fr 1fr auto;
}

.storyos-cc-va .storyos-cc-other-row {
    grid-template-columns: 1fr 1.4fr 1.1fr 1fr 1fr auto;
}

.storyos-cc-va .storyos-cc-mini-input {
    height: 36px;
    border: 1px solid #d6d9df;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 12.5px;
    font-weight: 500;
    color: #1d1d1f;
    outline: none;
    font-family: inherit;
}

.storyos-cc-va .storyos-cc-mini-input:focus {
    border-color: #4682b4;
    box-shadow: 0 0 0 3px rgba(70,130,180,.1);
}

.storyos-cc-va .storyos-cc-del-btn {
    width: 36px;
    height: 36px;
    border: 1px solid #e8ecf3;
    border-radius: 10px;
    background: #fff;
    color: #ef4444;
    cursor: pointer;
    font-weight: 800;
}

.storyos-cc-va .storyos-cc-add-btn {
    margin-top: 12px;
    border: 1px dashed #c7c7cc;
    background: transparent;
    color: #4682b4;
    border-radius: 10px;
    height: 36px;
    padding: 0 14px;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 700;
    font-family: inherit;
}

/* StoryOS：人物设计模块 · 卡片化与模块间距 */
.saas-v29-field-block[data-inspector-type="character_config"] {
    margin-top: 42px !important;
}

.storyos-cc-va {
    padding-top: 4px !important;
}

.storyos-cc-va .storyos-cc-person-card {
    background: #fff;
    border: 1px solid #e8ecf3;
    border-radius: 16px;
    padding: 18px;
    margin-top: 16px;
    box-shadow: 0 3px 14px rgba(5,0,56,.035);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.storyos-cc-va .storyos-cc-person-card:hover {
    border-color: #d9e2ee;
    box-shadow: 0 8px 22px rgba(5,0,56,.055);
}

.storyos-cc-va .storyos-cc-person-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.storyos-cc-va .storyos-cc-person-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.storyos-cc-va .storyos-cc-person-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #eef2f8;
    color: #4682b4;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}

.storyos-cc-va .storyos-cc-person-title strong {
    font-size: 15px;
    font-weight: 800;
    color: #1e2026;
    letter-spacing: -0.01em;
}

.storyos-cc-va .storyos-cc-person-title em {
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    color: #aaacb2;
    white-space: nowrap;
}

.storyos-cc-va .storyos-cc-other-card {
    background: #fff;
    border: 1px solid #e8ecf3;
    border-radius: 14px;
    margin-top: 10px;
    overflow: hidden;
}

.storyos-cc-va .storyos-cc-other-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 12px 14px;
    cursor: pointer;
    user-select: none;
}

.storyos-cc-va .storyos-cc-other-summary {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.storyos-cc-va .storyos-cc-other-name {
    font-size: 13.5px;
    font-weight: 800;
    color: #1e2026;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.storyos-cc-va .storyos-cc-other-line {
    font-size: 11.5px;
    font-weight: 500;
    color: #9ca3af;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.storyos-cc-va .storyos-cc-other-toggle {
    font-size: 12px;
    font-weight: 800;
    color: #4682b4;
    flex-shrink: 0;
}

.storyos-cc-va .storyos-cc-other-card.open .storyos-cc-other-toggle {
    color: #86868b;
}

.storyos-cc-va .storyos-cc-other-body {
    display: none;
    padding: 0 14px 14px;
}

.storyos-cc-va .storyos-cc-other-card.open .storyos-cc-other-body {
    display: block;
}

.storyos-cc-va .storyos-cc-other-card .storyos-cc-other-row {
    margin-top: 0;
}

html.dark-mode .saas-v29-field-block[data-inspector-type="character_config"] .storyos-cc-person-card,
html.dark-mode .saas-v29-field-block[data-inspector-type="character_config"] .storyos-cc-other-card,
html.dark-mode .saas-v29-field-block[data-inspector-type="character_config"] .storyos-cc-soft-block {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}

@media(max-width:680px){
    .storyos-cc-va .storyos-cc-main-grid,
    .storyos-cc-va .storyos-cc-relation-row,
    .storyos-cc-va .storyos-cc-other-row {
        grid-template-columns: 1fr;
    }
}


/* StoryOS：人物设计模块 V1.2 · 一人一卡片 + 卡片内标签 + 轻量关系链 */
.saas-v29-field-block + .saas-v29-field-block {
    margin-top: 42px !important;
}

.saas-v29-field-block[data-inspector-type="character_config"] {
    margin-top: 56px !important;
    padding-top: 4px !important;
}

.storyos-cc-va {
    display: block;
    margin-top: 10px !important;
}

.storyos-cc-va .storyos-cc-card-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.storyos-cc-va .storyos-cc-person-card {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 3px 14px rgba(5,0,56,.035);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.storyos-cc-va .storyos-cc-person-card:hover {
    border-color: #d8e2ef;
    box-shadow: 0 8px 22px rgba(5,0,56,.055);
}

.storyos-cc-va .storyos-cc-person-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 14px 16px;
    cursor: pointer;
    user-select: none;
    background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
}

.storyos-cc-va .storyos-cc-person-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.storyos-cc-va .storyos-cc-person-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #eef2f8;
    color: #4682b4;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}

.storyos-cc-va .storyos-cc-person-title-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.storyos-cc-va .storyos-cc-person-name-line {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.storyos-cc-va .storyos-cc-person-name-line strong {
    font-size: 15px;
    font-weight: 800;
    color: #1e2026;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.storyos-cc-va .storyos-cc-person-name-line em {
    font-style: normal;
    font-size: 11.5px;
    color: #8aa1b8;
    background: #f3f7fb;
    border-radius: 999px;
    padding: 2px 7px;
    flex-shrink: 0;
}

.storyos-cc-va .storyos-cc-person-desc-line {
    font-size: 11.5px;
    color: #9ca3af;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 620px;
}

.storyos-cc-va .storyos-cc-person-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.storyos-cc-va .storyos-cc-person-toggle {
    font-size: 12px;
    color: #4682b4;
    font-weight: 800;
}

.storyos-cc-va .storyos-cc-person-del {
    width: 28px;
    height: 28px;
    border: 1px solid #edf0f4;
    border-radius: 999px;
    background: #fff;
    color: #ef4444;
    cursor: pointer;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.storyos-cc-va .storyos-cc-person-body {
    display: none;
    padding: 0 16px 16px;
}

.storyos-cc-va .storyos-cc-person-card.open .storyos-cc-person-body {
    display: block;
}

.storyos-cc-va .storyos-cc-person-card.open .storyos-cc-person-toggle {
    color: #86868b;
}

.storyos-cc-va .storyos-cc-person-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px 14px;
    margin-top: 12px;
}

.storyos-cc-va .storyos-cc-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.storyos-cc-va .storyos-cc-field span {
    font-size: 11.5px;
    font-weight: 700;
    color: #747b86;
}

.storyos-cc-va .storyos-cc-person-notes {
    margin-top: 12px;
}

.storyos-cc-va .storyos-cc-person-tags {
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #f0f2f5;
}

.storyos-cc-va .storyos-cc-tag-title {
    font-size: 12px;
    font-weight: 800;
    color: #3a3d44;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.storyos-cc-va .storyos-cc-tag-title::before {
    content: '';
    width: 3px;
    height: 12px;
    border-radius: 2px;
    background: #4682b4;
}

.storyos-cc-va .storyos-cc-person-tags .scd-tagrow {
    gap: 7px;
}

.storyos-cc-va .storyos-cc-tag-more-wrap {
    display: none;
    margin-top: 12px;
}

.storyos-cc-va .storyos-cc-person-tags.tags-open .storyos-cc-tag-more-wrap {
    display: block;
}

.storyos-cc-va .storyos-cc-tag-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    border: none;
    background: transparent;
    color: #4682b4;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
}

.storyos-cc-va .storyos-cc-tag-more-btn::before {
    content: '⌄';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #eef2f8;
    color: #4682b4;
    font-size: 12px;
    line-height: 1;
}

.storyos-cc-va .storyos-cc-person-tags.tags-open .storyos-cc-tag-more-btn::before {
    content: '⌃';
}

.storyos-cc-va .storyos-cc-soft-block {
    border: 1px solid #e5e9f0;
    border-radius: 18px;
    margin-top: 16px;
    background: #fff;
    overflow: hidden;
}

.storyos-cc-va .storyos-cc-soft-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    cursor: pointer;
    user-select: none;
    background: #fff;
}

.storyos-cc-va .storyos-cc-soft-head span {
    font-size: 14px;
    font-weight: 800;
    color: #3a3d44;
}

.storyos-cc-va .storyos-cc-soft-head em {
    font-style: normal;
    font-size: 12px;
    color: #aaacb2;
    flex: 1;
}

.storyos-cc-va .storyos-cc-soft-head b {
    font-size: 12px;
    color: #4682b4;
    font-weight: 800;
}

.storyos-cc-va .storyos-cc-soft-body {
    display: none;
    padding: 0 16px 16px;
}

.storyos-cc-va .storyos-cc-soft-block.open .storyos-cc-soft-body {
    display: block;
}

.storyos-cc-va .storyos-cc-relation-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.4fr auto;
    gap: 8px;
    margin-top: 10px;
}

.storyos-cc-va .storyos-cc-mini-input {
    height: 36px;
    border: 1px solid #d6d9df;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 12.5px;
    font-weight: 500;
    color: #1d1d1f;
    outline: none;
    font-family: inherit;
}

.storyos-cc-va .storyos-cc-mini-input:focus {
    border-color: #4682b4;
    box-shadow: 0 0 0 3px rgba(70,130,180,.1);
}

.storyos-cc-va .storyos-cc-del-btn {
    width: 36px;
    height: 36px;
    border: 1px solid #e8ecf3;
    border-radius: 10px;
    background: #fff;
    color: #ef4444;
    cursor: pointer;
    font-weight: 800;
}

.storyos-cc-va .storyos-cc-add-btn {
    margin-top: 12px;
    border: 1px dashed #c7c7cc;
    background: transparent;
    color: #4682b4;
    border-radius: 10px;
    height: 36px;
    padding: 0 14px;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 800;
    font-family: inherit;
}

html.dark-mode .storyos-cc-va .storyos-cc-person-card,
html.dark-mode .storyos-cc-va .storyos-cc-soft-block {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}

html.dark-mode .storyos-cc-va .storyos-cc-person-head,
html.dark-mode .storyos-cc-va .storyos-cc-soft-head {
    background: #1a1b2e !important;
}

@media(max-width:680px){
    .storyos-cc-va .storyos-cc-person-grid,
    .storyos-cc-va .storyos-cc-relation-row {
        grid-template-columns: 1fr;
    }
}

html.dark-mode .storyos-sc-va {
    background: transparent !important;
    border-color: transparent !important;
    color: #e0e4f8 !important;
}

html.dark-mode .storyos-sc-va .va-ttl {
    color: #e0e4f8 !important;
}

html.dark-mode .storyos-sc-va .va-toolbar {
    background: #12131f !important;
    border-color: #2a2b40 !important;
}

html.dark-mode .storyos-sc-va .va-tabs {
    background: #1a1b2e !important;
    border-color: transparent !important;
    border-bottom-color: transparent !important;
}

html.dark-mode .storyos-sc-va .va-tab {
    color: #6b7299 !important;
}

html.dark-mode .storyos-sc-va .va-tab.on {
    color: #1a1b2e !important;
    background: #e0e4f8 !important;
    border-bottom-color: transparent !important;
}

html.dark-mode .storyos-sc-va .va-tb-sep {
    background: #2a2b40 !important;
}

html.dark-mode .storyos-sc-va .va-adv-toggle {
    color: #9098a8 !important;
}

html.dark-mode .storyos-sc-va .va-adv-toggle:hover,
html.dark-mode .storyos-sc-va .va-adv-toggle.open {
    background: #2a2b40 !important;
    color: #e0e4f8 !important;
}

html.dark-mode .storyos-sc-va .va-import {
    color: #7fa9ce !important;
    background: transparent !important;
}

html.dark-mode .storyos-sc-va .va-import:hover {
    background: rgba(70,130,180,0.15) !important;
    color: #a8c3dd !important;
}

html.dark-mode .storyos-sc-va .scd-tx {
    background: #12131f !important;
    border-color: #2a2b40 !important;
    color: #e0e4f8 !important;
}

html.dark-mode .storyos-sc-va .scd-tg {
    background: #1e2028 !important;
    color: #9098a8 !important;
    border-color: #2a2e38 !important;
}

html.dark-mode .storyos-sc-va .scd-tg.on {
    background: rgba(70,130,180,0.15) !important;
    color: #a8c3dd !important;
    border-color: #4682b4 !important;
}

html.dark-mode .storyos-sc-va .va-subseg {
    background: #12131f !important;
}

html.dark-mode .storyos-sc-va .va-subtab.on {
    background: #1a1b2e !important;
    color: #e0e4f8 !important;
}

@media(max-width:680px){
    .storyos-sc-va {
        padding: 0 !important;
    }
    .storyos-sc-va .va-adv-body {
        grid-template-columns: 1fr !important;
    }
    .storyos-sc-va .va-subseg {
        display: flex;
        width: 100%;
    }
    .storyos-sc-va .va-subtab {
        flex: 1;
        justify-content: center;
        padding: 7px 6px;
    }
}


/* StoryOS V1.3：大模块物理卡片隔离版
   目标：工作台外层保持灰底，每个输入模块独立白卡，模块之间露出灰色背景缝隙。 */
.workspace-main-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.workspace-main-card > form {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.saas-v29-field-block {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 18px !important;
    padding: 36px 40px !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.saas-v29-field-block + .saas-v29-field-block {
    margin-top: 0 !important;
}

.saas-v29-field-block[data-inspector-type="story_config"],
.saas-v29-field-block[data-inspector-type="character_config"] {
    margin: 0 !important;
    padding: 40px !important;
}

.saas-v29-field-block[data-inspector-type="story_config"] .storyos-sc-va,
.saas-v29-field-block[data-inspector-type="character_config"] .storyos-cc-va {
    margin-top: 0 !important;
}

.saas-v29-html-block-container {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 18px !important;
    padding: 36px 40px !important;
    margin: 0 !important;
}

/* 大模块内部保持简洁，不再依赖外层空白做分隔 */
.storyos-sc-va,
.storyos-cc-va {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

html.dark-mode .workspace-main-card {
    background: transparent !important;
    border-color: transparent !important;
}

html.dark-mode .saas-v29-field-block,
html.dark-mode .saas-v29-html-block-container {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}

@media(max-width:768px){
    .saas-v29-field-block,
    .saas-v29-field-block[data-inspector-type="story_config"],
    .saas-v29-field-block[data-inspector-type="character_config"],
    .saas-v29-html-block-container {
        padding: 24px !important;
        border-radius: 16px !important;
    }
    .workspace-main-card > form {
        gap: 18px !important;
    }
}


/* StoryOS Character Config V1.6：超简人物卡 + 补充设定模板 + 气质标签摘要 */
.storyos-cc-va .storyos-cc-person-card {
    border-radius: 18px !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.storyos-cc-va .storyos-cc-person-head {
    min-height: 76px !important;
    padding: 18px 20px !important;
    background: #fff !important;
    cursor: pointer !important;
}
.storyos-cc-va .storyos-cc-person-card:not(.open) .storyos-cc-person-head:hover {
    background: #f8fafc !important;
}
.storyos-cc-va .storyos-cc-person-body {
    border-top: 1px solid #eef0f3 !important;
    background: #fbfcfd !important;
}
.storyos-cc-va .storyos-cc-person-name-line strong {
    font-size: 15px !important;
    font-weight: 750 !important;
    color: #1f2937 !important;
}
.storyos-cc-va .storyos-cc-person-name-line em {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #9aa0aa !important;
    background: #f3f4f6 !important;
    border-radius: 999px !important;
    padding: 3px 8px !important;
}
.storyos-cc-va .storyos-cc-person-desc-line {
    color: #8b929e !important;
    font-size: 12.5px !important;
    margin-top: 4px !important;
}
.storyos-cc-va .storyos-cc-person-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}
.storyos-cc-va .storyos-cc-person-relation {
    height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid #d9dde5 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #6b7280 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    cursor: pointer !important;
    font-family: inherit !important;
}
.storyos-cc-va .storyos-cc-person-relation:hover {
    border-color: #4682b4 !important;
    color: #4682b4 !important;
    background: #f4f8fc !important;
}
.storyos-cc-va .storyos-cc-person-toggle {
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #4682b4 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.storyos-cc-va .storyos-cc-relation-block {
    display: none !important;
}
.storyos-cc-va .storyos-cc-relation-block.has-relations,
.storyos-cc-va .storyos-cc-relation-block.open {
    display: block !important;
}
.storyos-cc-va .storyos-cc-soft-block {
    border-radius: 16px !important;
    border-color: #e5e7eb !important;
    background: #fff !important;
}
.storyos-cc-va .storyos-cc-soft-head {
    background: #fff !important;
}
.storyos-cc-va .storyos-cc-add-btn {
    border-radius: 12px !important;
}
.storyos-cc-va .storyos-cc-person-tags {
    background: #fff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin-top: 14px !important;
}
.storyos-cc-va .storyos-cc-tag-title {
    font-size: 12px !important;
    color: #6b7280 !important;
}


/* StoryOS Character Config V1.6：进一步轻量化 */
.storyos-cc-va .storyos-cc-person-tags {
    background: #fff !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin-top: 14px !important;
}
.storyos-cc-va .storyos-cc-tag-summary-line {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 30px !important;
}
.storyos-cc-va .storyos-cc-tag-summary-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #3a3d44 !important;
    flex-shrink: 0 !important;
}
.storyos-cc-va .storyos-cc-tag-summary {
    flex: 1 !important;
    min-width: 0 !important;
    color: #8b929e !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.storyos-cc-va .storyos-cc-tag-edit-btn {
    border: none !important;
    background: transparent !important;
    color: #4682b4 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    padding: 0 !important;
}
.storyos-cc-va .storyos-cc-tag-editor {
    display: none !important;
    margin-top: 12px !important;
}
.storyos-cc-va .storyos-cc-person-tags.tags-edit-open .storyos-cc-tag-editor {
    display: block !important;
}
.storyos-cc-va .storyos-cc-preset-textarea {
    min-height: 120px !important;
    line-height: 1.75 !important;
}
.storyos-cc-va .storyos-cc-relation-row {
    display: grid !important;
    grid-template-columns: minmax(90px,1fr) auto minmax(90px,1fr) auto minmax(120px,1.2fr) minmax(160px,1.6fr) 32px !important;
    gap: 8px !important;
    align-items: center !important;
}
.storyos-cc-va .storyos-cc-rel-word {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #9aa0aa !important;
    white-space: nowrap !important;
}
@media(max-width:768px){
    .storyos-cc-va .storyos-cc-relation-row {
        grid-template-columns: 1fr !important;
    }
    .storyos-cc-va .storyos-cc-rel-word {
        display: none !important;
    }
}



/* StoryOS Character Config V1.7：智能关系弹窗 + 复杂关系摘要 */
.storyos-cc-va .storyos-cc-relation-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 11px 12px !important;
    border: 1px solid #eef0f3 !important;
    border-radius: 12px !important;
    background: #fbfcfd !important;
    grid-template-columns: none !important;
}
.storyos-cc-va .storyos-cc-relation-sentence {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-size: 12.5px !important;
    color: #6b7280 !important;
    line-height: 1.6 !important;
}
.storyos-cc-va .storyos-cc-relation-sentence strong {
    color: #1f2937 !important;
    font-weight: 750 !important;
}
.storyos-cc-va .storyos-cc-relation-sentence em {
    width: 100% !important;
    font-style: normal !important;
    color: #8b929e !important;
    font-size: 12px !important;
}
.storyos-cc-va .storyos-cc-relation-complex-hint {
    display: none;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f4f8fc;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.6;
}
.storyos-cc-va .storyos-cc-relation-block.is-complex .storyos-cc-relation-complex-hint {
    display: block;
}
.storyos-cc-rel-modal-box {
    width: 460px;
    max-width: 92vw;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 24px 72px rgba(5,0,56,.18);
    border: 1px solid #eef0f3;
}
.storyos-cc-rel-modal-hd {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px 14px;
    border-bottom: 1px solid #eef0f3;
}
.storyos-cc-rel-modal-title {
    font-size: 16px;
    font-weight: 800;
    color: #1e2026;
}
.storyos-cc-rel-modal-desc {
    margin-top: 4px;
    font-size: 12px;
    color: #9aa0aa;
    line-height: 1.5;
}
.storyos-cc-rel-close {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #e8ecf3;
    background: #fff;
    color: #6b7280;
    font-size: 17px;
    cursor: pointer;
}
.storyos-cc-rel-modal-bd {
    padding: 18px 22px 20px;
}
.storyos-cc-rel-sentence-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 8px;
    align-items: center;
    margin-bottom: 14px;
}
.storyos-cc-rel-sentence-row span {
    font-size: 12px;
    font-weight: 800;
    color: #9aa0aa;
    white-space: nowrap;
}
.storyos-cc-rel-modal-bd select,
.storyos-cc-rel-modal-bd input {
    width: 100%;
    height: 40px;
    border: 1px solid #d6d9df;
    border-radius: 11px;
    padding: 0 12px;
    font-size: 13px;
    color: #1f2937;
    background: #fff;
    outline: none;
    font-family: inherit;
}
.storyos-cc-rel-modal-bd input:focus,
.storyos-cc-rel-modal-bd select:focus {
    border-color: #4682b4;
    box-shadow: 0 0 0 3px rgba(70,130,180,.1);
}
.storyos-cc-rel-note-label {
    margin-top: 4px;
    font-size: 11.5px;
    font-weight: 750;
    color: #7b828d;
    line-height: 1.2;
}
.storyos-cc-rel-modal-bd textarea.storyos-cc-rel-note {
    display: block;
    width: 100%;
    height: 76px;
    min-height: 56px;
    margin-top: 6px;
    padding: 9px 12px;
    border: 1px solid #d6d9df;
    border-radius: 11px;
    font-size: 13px;
    line-height: 1.6;
    color: #1f2937;
    background: #fff;
    outline: none;
    font-family: inherit;
    resize: vertical;
    box-sizing: border-box;
}
.storyos-cc-rel-modal-bd textarea.storyos-cc-rel-note:focus {
    border-color: #4682b4;
    box-shadow: 0 0 0 3px rgba(70,130,180,.1);
}
.storyos-cc-rel-quick {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 2px 0 12px;
}
.storyos-cc-rel-quick-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.storyos-cc-rel-quick-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 750;
    color: #7b828d;
    line-height: 1.2;
}
.storyos-cc-rel-quick-title::before {
    content: '';
    width: 3px;
    height: 11px;
    border-radius: 999px;
    background: #4682b4;
    flex-shrink: 0;
}
.storyos-cc-rel-quick-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.storyos-cc-rel-quick button {
    height: 28px;
    padding: 0 10px;
    border: 1px solid #d6d9df;
    border-radius: 999px;
    background: #fff;
    color: #6b7280;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    font-family: inherit;
}
.storyos-cc-rel-quick button:hover {
    border-color: #4682b4;
    color: #4682b4;
    background: #f4f8fc;
}

.storyos-cc-rel-quick button.on,
.storyos-cc-rel-quick button.is-selected,
.storyos-cc-rel-quick button[aria-pressed="true"] {
    border-color: #4682b4;
    color: #4682b4;
    background: #eef5fb;
    font-weight: 700;
    box-shadow: 0 0 0 2px rgba(70,130,180,.10);
}
/* 关系区里的"自定义/导入"标签：沿用与"+ 自定义"一致的蓝色胶囊外观；
   改用 inline-flex 排版，让删除 × 成为并排的子元素，彻底避免 × 压在文字上。
   同时作用于用户手动添加的自定义标签，一并修掉 × 重叠的老问题。 */
.storyos-cc-rel-quick button.storyos-user-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 7px 0 11px;
}
.storyos-cc-rel-quick button.storyos-user-tag .storyos-tag-label {
    line-height: 1;
    white-space: nowrap;
}
.storyos-cc-rel-quick button.storyos-user-tag .storyos-tag-delete {
    position: static;
    transform: none;
    right: auto;
    top: auto;
    margin: 0;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    border-radius: 999px;
    background: #d3d7dd;
    color: #565b65;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.storyos-cc-rel-quick button.storyos-user-tag .storyos-tag-delete:hover {
    background: #f4cdcd;
    color: #e24b4a;
}
.storyos-cc-rel-custom-hint {
    font-size: 11.5px;
    line-height: 1.5;
    color: #9aa0aa;
    margin: -2px 0 4px;
}
.storyos-cc-rel-modal-ft {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
}
.storyos-cc-rel-cancel,
.storyos-cc-rel-save {
    height: 38px;
    padding: 0 18px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    font-family: inherit;
}
.storyos-cc-rel-cancel {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #6b7280;
}
.storyos-cc-rel-save {
    border: 1px solid #4682b4;
    background: #4682b4;
    color: #fff;
}

.storyos-cc-rel-delete {
    margin-right:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
    line-height:1;
    padding:0 14px;
    border-radius:11px;
    border:1px solid #fee2e2;
    background:#fff5f5;
    color:#dc2626;
    font-size:13px;
    font-weight:750;
    cursor:pointer;
    font-family:inherit;
}
.storyos-cc-relation-actions {
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}
.storyos-cc-edit-rel-btn {
    height:30px;
    padding:0 12px;
    border-radius:9px;
    border:1px solid #dbe4ef;
    background:#fff;
    color:#4682b4;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
    font-family:inherit;
}
.storyos-cc-person-rel-line {
    margin-top:4px;
    font-size:11.5px;
    line-height:1.35;
    color:#8a93a2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.storyos-cc-toast {
    position:fixed;
    left:50%;
    bottom:34px;
    transform:translateX(-50%);
    z-index:2147483652;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(30,32,38,.92);
    color:#fff;
    font-size:12.5px;
    font-weight:750;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}
@media(max-width:768px){
    .storyos-cc-rel-sentence-row {
        grid-template-columns: 1fr;
    }
    .storyos-cc-rel-sentence-row span {
        display: none;
    }
}




/* StoryOS Character Config V1.8.4：关系弹窗层级与居中修复 */
.storyos-cc-relation-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 2147483647 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(20, 22, 26, .46) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    box-sizing: border-box !important;
}
.storyos-cc-relation-modal.show {
    display: flex !important;
}
.storyos-cc-relation-modal .storyos-cc-rel-modal-box {
    position: relative !important;
    width: min(520px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    max-height: calc(100vh - 64px) !important;
    margin: auto !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    transform: none !important;
}
.storyos-cc-relation-modal .storyos-cc-rel-modal-bd {
    max-height: calc(100vh - 180px) !important;
    overflow-y: auto !important;
}
@media(max-width:768px){
    .storyos-cc-relation-modal {
        padding: 16px !important;
        align-items: center !important;
    }
    .storyos-cc-relation-modal .storyos-cc-rel-modal-box {
        width: min(100%, 460px) !important;
        max-width: calc(100vw - 32px) !important;
        max-height: calc(100vh - 32px) !important;
        border-radius: 18px !important;
    }
    .storyos-cc-relation-modal .storyos-cc-rel-modal-bd {
        max-height: calc(100vh - 156px) !important;
    }
}

/* StoryOS Character Config V1.7.3：人物卡片视觉收紧 / 精致化 */
.storyos-cc-va .storyos-cc-card-stack {
    gap: 10px !important;
}

.storyos-cc-va .storyos-cc-person-card {
    border-radius: 14px !important;
    border-color: #e3e7ee !important;
    box-shadow: none !important;
    background: #fff !important;
}

.storyos-cc-va .storyos-cc-person-card:hover {
    border-color: #d5dce6 !important;
    box-shadow: 0 4px 12px rgba(5,0,56,.035) !important;
}

.storyos-cc-va .storyos-cc-person-head {
    min-height: 54px !important;
    padding: 12px 16px !important;
    gap: 10px !important;
    background: #fff !important;
}

.storyos-cc-va .storyos-cc-person-title {
    gap: 9px !important;
}

.storyos-cc-va .storyos-cc-person-index {
    width: 24px !important;
    height: 24px !important;
    font-size: 11.5px !important;
}

.storyos-cc-va .storyos-cc-person-title-text {
    gap: 1px !important;
}

.storyos-cc-va .storyos-cc-person-name-line {
    gap: 7px !important;
    line-height: 1.25 !important;
}

.storyos-cc-va .storyos-cc-person-name-line strong {
    font-size: 14.5px !important;
    line-height: 1.25 !important;
}

.storyos-cc-va .storyos-cc-person-name-line em {
    font-size: 10.5px !important;
    padding: 2px 7px !important;
    line-height: 1.4 !important;
}

.storyos-cc-va .storyos-cc-person-desc-line {
    margin-top: 1px !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    color: #9aa1ad !important;
}

.storyos-cc-va .storyos-cc-person-actions {
    gap: 7px !important;
}

.storyos-cc-va .storyos-cc-person-relation {
    height: 28px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
}

.storyos-cc-va .storyos-cc-person-toggle {
    height: 28px !important;
    font-size: 11.5px !important;
}

.storyos-cc-va .storyos-cc-person-del {
    width: 26px !important;
    height: 26px !important;
}

.storyos-cc-va .storyos-cc-person-body {
    padding: 12px 16px 14px !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fbfcfd !important;
}

.storyos-cc-va .storyos-cc-person-grid {
    margin-top: 0 !important;
    gap: 10px 12px !important;
}

@media(max-width:680px){
    .storyos-cc-va .storyos-cc-person-head {
        min-height: 52px !important;
        padding: 11px 13px !important;
        align-items: flex-start !important;
    }
    .storyos-cc-va .storyos-cc-person-actions {
        gap: 6px !important;
    }
}


/* StoryOS Workspace V2.0.3：CSS 接管层强制修复
   目的：防止主题容器、父级 all: initial、旧菜单布局或拆分后的 CSS 优先级导致工作台被压缩/挤到页面下方。 */
html.saas-takeover-preload,
html.saas-takeover-preload body,
body.saas-takeover-active{
    width:100vw!important;
    height:100vh!important;
    min-width:100vw!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f5f6f7!important;
}
body.saas-takeover-active > *:not(#saas-fullscreen-app-wrapper):not(script):not(style):not(link):not(.saas-v29-modal-overlay):not(.storyos-prompt-overlay):not(.storyos-alert-overlay):not(.storyos-confirm-overlay):not(.saas-v29-tooltip-bubble):not([id^="saas-toast-"]){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    position:absolute!important;
    z-index:-999999!important;
}
html body #saas-fullscreen-app-wrapper,
html body.saas-takeover-active #saas-fullscreen-app-wrapper{
    all:unset!important;
    box-sizing:border-box!important;
    position:fixed!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    height:100vh!important;
    min-width:100vw!important;
    min-height:100vh!important;
    max-width:none!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    z-index:2147483645!important;
    background:#f5f6f7!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
}
html body #saas-fullscreen-app-wrapper *,
html body #saas-fullscreen-app-wrapper *::before,
html body #saas-fullscreen-app-wrapper *::after{
    box-sizing:border-box!important;
}
html body #saas-fullscreen-app-wrapper .main-area{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    width:auto!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:0!important;
    background:#f5f6f7!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
}
html body #saas-fullscreen-app-wrapper .content{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    gap:24px!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:24px 36px!important;
    overflow:hidden!important;
    position:relative!important;
    transform:none!important;
}
html body #saas-fullscreen-app-wrapper .workspace-main{
    flex:1 1 0!important;
    display:block!important;
    min-width:0!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0 0 24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
}
html body #saas-fullscreen-app-wrapper .workspace-main-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
}
html body #saas-fullscreen-app-wrapper .workspace-side{
    flex:0 0 340px!important;
    width:340px!important;
    min-width:340px!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    transform:none!important;
}
@media(max-width:1200px){
    html body #saas-fullscreen-app-wrapper .content{
        flex-direction:column-reverse!important;
        height:100%!important;
        overflow:auto!important;
        padding:10px 24px 24px!important;
    }
    html body #saas-fullscreen-app-wrapper .workspace-side{
        flex:0 0 auto!important;
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        max-height:none!important;
    }
    html body #saas-fullscreen-app-wrapper .workspace-main{
        flex:0 0 auto!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
    }
}


/* StoryOS V2.0.17：人物关系入口降级到“展开编辑”后方 */
.storyos-cc-va .storyos-cc-person-actions {
    gap: 10px !important;
}
.storyos-cc-va .storyos-cc-person-toggle {
    order: 1 !important;
}
.storyos-cc-va .storyos-cc-person-relation {
    order: 2 !important;
    height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #6f8eaa !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}
.storyos-cc-va .storyos-cc-person-relation:hover {
    background: transparent !important;
    color: #4682b4 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.storyos-cc-va .storyos-cc-person-relation.is-disabled {
    color: #b2bac5 !important;
    cursor: default !important;
    text-decoration: none !important;
}
.storyos-cc-va .storyos-cc-person-del {
    order: 3 !important;
}
/* StoryOS V2.0.17.5：短剧结构可视化骨架条 */
.storyos-st-va{padding:36px 44px!important;}
.storyos-st-top{margin-bottom:30px!important;}
.storyos-st-import{opacity:.9;}
.storyos-st-control-grid{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(220px,1fr) minmax(280px,1.45fr);gap:18px 22px;margin-bottom:20px;}
.storyos-st-control>span{display:block;font-size:14px;font-weight:800;color:#6b7280;margin-bottom:10px;}
.storyos-st-control select,.storyos-st-episode-row{height:54px;border:1px solid #dbe2ec;border-radius:16px;background:#fff;box-sizing:border-box;}
.storyos-st-control select{width:100%;padding:0 16px;font-size:15px;font-weight:800;color:#1f2937;outline:none;appearance:auto;}
.storyos-st-episode-row{display:flex;align-items:center;padding:0 14px;gap:8px;}
.storyos-st-episode-row input{width:90px;border:none!important;outline:none!important;box-shadow:none!important;font-size:18px;font-weight:900;color:#1f2937;background:transparent;}
.storyos-st-episode-row em{font-style:normal;font-size:14px;font-weight:800;color:#64748b;}
.storyos-st-quick-row{display:flex;gap:8px;margin-top:10px;}
.storyos-st-quick-row button,.storyos-st-driver-tags button,.storyos-st-focus-row button{border:1px solid #dbe2ec;background:#fff;color:#64748b;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:.16s;}
.storyos-st-quick-row button.on,.storyos-st-driver-tags button.on,.storyos-st-focus-row button.on{background:#eef6ff;border-color:#7db4e2;color:#3576aa;}
.storyos-st-driver-tags{display:flex;flex-wrap:wrap;gap:8px;min-height:54px;align-items:center;border:1px solid #dbe2ec;border-radius:16px;padding:9px 12px;background:#fff;}
.storyos-st-action-row{display:flex;align-items:center;gap:14px;margin:8px 0 26px;}
.storyos-st-generate-btn{border:1px solid #bcd7ef;background:#f8fbff;color:#3f7fb2;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:900;cursor:pointer;}
.storyos-st-action-row span{font-size:13px;font-weight:700;color:#9aa3b2;}
.storyos-st-timeline-wrap{border:1px solid #e1e8f1;border-radius:22px;padding:24px 24px 26px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 28px rgba(31,41,55,.04);}
.storyos-st-scale{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#9aa3b2;margin-bottom:14px;}
.storyos-st-track{height:86px;border-radius:22px;background:#f1f5f9;display:flex;align-items:stretch;position:relative;overflow:hidden;border:1px solid #e1e8f1;}
.storyos-st-seg{height:100%;min-width:46px;border:none;border-right:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,#eef7ff,#e8f1fb);color:#325f86;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;padding:0 10px;cursor:pointer;transition:.16s;position:relative;overflow:hidden;}
.storyos-st-seg:nth-child(4n+1){background:linear-gradient(180deg,#f1f7ff,#eaf2ff);}
.storyos-st-seg:nth-child(4n+3){background:linear-gradient(180deg,#f3fbff,#e9f6fb);}
.storyos-st-seg:hover,.storyos-st-seg.active{filter:brightness(.985);box-shadow:inset 0 0 0 2px rgba(64,127,178,.35);z-index:2;}
.storyos-st-seg strong{font-size:13px;font-weight:900;line-height:1.25;color:#264968;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.storyos-st-seg em{font-style:normal;font-size:11px;font-weight:800;color:#6d8ca8;white-space:nowrap;}
.storyos-st-boundary{width:12px;margin-left:-6px;margin-right:-6px;z-index:5;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;}
.storyos-st-boundary::after{content:'';width:7px;height:36px;border-radius:999px;background:#fff;border:1px solid #c8d7e5;box-shadow:0 4px 12px rgba(31,41,55,.12);}
.storyos-st-edit-card{margin-top:18px;border:1px solid #dfe7f0;border-radius:22px;padding:20px;background:#fff;box-shadow:0 10px 30px rgba(31,41,55,.06);}
.storyos-st-edit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.storyos-st-edit-head strong{font-size:16px;font-weight:900;color:#1f2937;}
.storyos-st-edit-head button{border:none;background:#f3f6fa;color:#7b8494;border-radius:999px;width:32px;height:32px;font-size:18px;cursor:pointer;}
.storyos-st-edit-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-bottom:14px;}
.storyos-st-edit-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:900;color:#7b8494;}
.storyos-st-edit-grid input{height:44px;border:1px solid #dbe2ec;border-radius:14px;padding:0 14px;font-size:14px;font-weight:700;color:#1f2937;outline:none;}
.storyos-st-focus-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px;}
.storyos-st-adv-toggle{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef2f7;padding-top:14px;font-size:13px;font-weight:900;color:#4d86b5;cursor:pointer;}
.storyos-st-adv-toggle span{font-size:12px;color:#8b98a9;}
.storyos-st-adv-body{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.storyos-st-adv-body textarea{min-height:72px;border:1px solid #dbe2ec;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6;resize:vertical;outline:none;color:#1f2937;background:#fbfdff;}
.storyos-st-summary-list{margin-top:20px;display:flex;flex-direction:column;gap:8px;}
.storyos-st-summary-title{font-size:14px;font-weight:900;color:#1f2937;margin:2px 0 4px;}
.storyos-st-summary-i{display:grid;grid-template-columns:38px 1fr 54px;gap:14px;align-items:center;border:1px solid #e4eaf2;border-radius:16px;padding:12px 14px;background:#fff;cursor:pointer;transition:.16s;}
.storyos-st-summary-i:hover{background:#fbfdff;border-color:#cbddeb;}
.storyos-st-summary-i>span{width:30px;height:30px;border-radius:999px;background:#eef6ff;color:#4380b2;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;}
.storyos-st-summary-i strong{font-size:15px;font-weight:900;color:#1f2937;margin-right:10px;}
.storyos-st-summary-i em{font-style:normal;font-size:12px;font-weight:800;color:#8b98a9;}
.storyos-st-summary-i p{margin:5px 0 0;color:#6b7280;font-size:13px;font-weight:700;line-height:1.45;}
.storyos-st-summary-i button{border:none;background:transparent;color:#4a83b3;font-size:13px;font-weight:900;cursor:pointer;}
@media(max-width:1100px){.storyos-st-control-grid{grid-template-columns:1fr}.storyos-st-edit-grid,.storyos-st-adv-body{grid-template-columns:1fr}.storyos-st-track{height:110px}.storyos-st-seg strong{font-size:12px}}

/* StoryOS V2.0.17.5：结构模块极简轻入口版 */
.storyos-st-lite{padding:34px 40px!important;}
.storyos-st-lite .storyos-st-top{margin-bottom:28px!important;}
.storyos-st-lite .va-desc{font-weight:650!important;color:#a0a7b4!important;}
.storyos-st-lite-grid{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(260px,1fr);gap:18px 22px;margin:24px 0 14px;max-width:760px;}
.storyos-st-lite-control>span{display:block;font-size:13px;font-weight:850;color:#7b8494;margin-bottom:9px;}
.storyos-st-lite-control select,.storyos-st-lite .storyos-st-episode-row{height:50px;border:1px solid #dfe5ee;border-radius:16px;background:#fff;box-sizing:border-box;}
.storyos-st-lite-control select{width:100%;padding:0 16px;font-size:15px;font-weight:850;color:#1f2937;outline:none;appearance:auto;}
.storyos-st-lite .storyos-st-episode-row{display:flex;align-items:center;padding:0 14px;gap:8px;}
.storyos-st-lite .storyos-st-episode-row input{width:78px;border:none!important;outline:none!important;box-shadow:none!important;font-size:18px;font-weight:900;color:#1f2937;background:transparent;}
.storyos-st-lite .storyos-st-quick-row{display:flex;gap:8px;margin-top:10px;}
.storyos-st-driver-compact{display:flex;align-items:center;gap:10px;min-height:34px;margin:8px 0 18px;font-size:13px;}
.storyos-st-driver-compact>span{font-weight:850;color:#7b8494;}
.storyos-st-driver-compact strong{font-weight:850;color:#4f87b6;background:#f5f9fd;border:1px solid #e3edf7;border-radius:999px;padding:7px 12px;line-height:1;}
.storyos-st-driver-compact button{border:none;background:transparent;color:#4f87b6;font-weight:850;cursor:pointer;padding:6px 4px;}
.storyos-st-driver-panel{max-width:760px;margin:-4px 0 18px;}
.storyos-st-lite .storyos-st-driver-tags{border:1px solid #e4eaf2;background:#fbfdff;border-radius:16px;padding:10px 12px;min-height:auto;}
.storyos-st-lite .storyos-st-driver-tags button:nth-child(n+5){opacity:.88;}
.storyos-st-action-lite{margin:8px 0 22px;}
.storyos-st-lite .storyos-st-generate-btn{height:42px;padding:0 20px;border-radius:999px;border:1px solid #bcd7ef;background:#f8fbff;color:#3f7fb2;font-size:14px;font-weight:900;}
.storyos-st-action-lite span{font-size:13px;font-weight:700;color:#a0a7b4;}
.storyos-st-timeline-title{font-size:15px;font-weight:900;color:#1f2937;margin:22px 0 12px;}
.storyos-st-lite .storyos-st-timeline-wrap{border:1px solid #e5ebf3;border-radius:20px;padding:20px 22px 18px;background:#fff;box-shadow:none;}
.storyos-st-lite .storyos-st-scale{font-size:12px;font-weight:800;color:#a0a7b4;margin-bottom:12px;}
.storyos-st-lite .storyos-st-track{height:64px;border-radius:18px;background:#f5f8fb;border:1px solid #e5ebf3;}
.storyos-st-lite .storyos-st-seg{background:#f1f7fc;color:#325f86;gap:5px;padding:0 8px;}
.storyos-st-lite .storyos-st-seg:nth-child(4n+1),.storyos-st-lite .storyos-st-seg:nth-child(4n+3){background:#f3f8fc;}
.storyos-st-lite .storyos-st-seg strong{font-size:12px;font-weight:900;color:#2f536f;}
.storyos-st-lite .storyos-st-seg em{font-size:10px;color:#7b93a8;}
.storyos-st-lite .storyos-st-boundary::after{width:5px;height:30px;border-color:#d5e1ec;box-shadow:0 3px 8px rgba(31,41,55,.08);}
.storyos-st-track-help{margin-top:12px;font-size:12px;font-weight:700;color:#a0a7b4;}
.storyos-st-lite .storyos-st-edit-card{margin-top:16px;border:1px solid #e3eaf2;border-radius:20px;padding:18px 20px;background:#fff;box-shadow:none;}
.storyos-st-lite .storyos-st-edit-head strong{font-size:15px;font-weight:900;color:#1f2937;}
.storyos-st-lite .storyos-st-edit-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-bottom:8px;}
.storyos-st-lite .storyos-st-edit-grid label{font-size:12px;font-weight:850;color:#7b8494;}
.storyos-st-lite .storyos-st-edit-grid input{height:42px;border-radius:14px;}
.storyos-st-lite .storyos-st-adv-toggle{margin-top:12px;padding-top:14px;}
.storyos-st-lite .storyos-st-adv-body{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.storyos-st-lite .storyos-st-adv-body .storyos-st-focus-row{grid-column:1/-1;margin:0 0 2px;}
.storyos-st-summary-shell{margin-top:16px;}
.storyos-st-summary-toggle{border:none;background:transparent;color:#4f87b6;font-size:13px;font-weight:900;cursor:pointer;padding:8px 0;}
.storyos-st-summary-toggle span{font-size:12px;color:#9aa3b2;margin-left:8px;}
.storyos-st-lite .storyos-st-summary-list{margin-top:8px;display:flex;flex-direction:column;gap:8px;}
.storyos-st-lite .storyos-st-summary-i{grid-template-columns:34px 1fr 44px;border-radius:14px;padding:10px 12px;}
.storyos-st-lite .storyos-st-summary-i p{font-size:12px;margin-top:3px;}
@media(max-width:900px){.storyos-st-lite-grid{grid-template-columns:1fr}.storyos-st-lite .storyos-st-edit-grid,.storyos-st-lite .storyos-st-adv-body{grid-template-columns:1fr}.storyos-st-lite .storyos-st-track{height:88px}.storyos-st-driver-compact{flex-wrap:wrap}}

/* StoryOS V2.0.17.6：结构模块主次重排版 */
.storyos-st-layout-v176{
    padding:34px 40px !important;
}
.storyos-st-layout-v176 .storyos-st-top{
    margin-bottom:22px !important;
}
.storyos-st-config-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 16px;
    border:1px solid #e6edf5;
    background:#fbfdff;
    border-radius:18px;
    margin:8px 0 18px;
}
.storyos-st-config-summary{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:#6f7c8d;
    font-size:13px;
    font-weight:760;
    line-height:1.45;
}
.storyos-st-config-summary strong,
.storyos-st-config-summary [data-st-template-summary]{
    color:#243044;
    font-weight:900;
}
.storyos-st-config-summary i{
    width:1px;
    height:14px;
    background:#dfe7f0;
    display:inline-block;
}
.storyos-st-config-strip>button{
    flex:0 0 auto;
    border:none;
    background:transparent;
    color:#4f87b6;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    padding:7px 4px;
}
.storyos-st-setting-panel{
    border:1px solid #e6edf5;
    background:#fff;
    border-radius:20px;
    padding:18px;
    margin:-6px 0 20px;
}
.storyos-st-setting-grid{
    display:grid;
    grid-template-columns:minmax(160px,.7fr) minmax(240px,.9fr) minmax(320px,1.4fr);
    gap:18px 22px;
    align-items:start;
}
.storyos-st-driver-setting .storyos-st-driver-tags{
    min-height:50px;
}
.storyos-st-main-panel{
    margin-top:18px;
    border:1px solid #e5ebf3;
    border-radius:24px;
    padding:22px 24px 24px;
    background:#fff;
    box-shadow:0 12px 34px rgba(31,41,55,.045);
}
.storyos-st-main-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.storyos-st-main-head .storyos-st-timeline-title{
    margin:0 0 6px;
    font-size:17px;
    font-weight:950;
    color:#1f2937;
}
.storyos-st-main-head p{
    margin:0;
    color:#9aa3b2;
    font-size:13px;
    font-weight:720;
    line-height:1.5;
}
.storyos-st-main-head .storyos-st-generate-btn{
    height:38px;
    padding:0 16px;
    font-size:13px;
    white-space:nowrap;
}
.storyos-st-layout-v176 .storyos-st-timeline-wrap{
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.storyos-st-layout-v176 .storyos-st-track{
    height:58px;
    border-radius:17px;
    background:#f6f9fc;
}
.storyos-st-layout-v176 .storyos-st-track-help{
    margin-top:10px;
    font-size:12px;
    color:#a1aaba;
    font-weight:720;
}
.storyos-st-layout-v176 .storyos-st-edit-card{
    border-radius:22px;
    margin-top:18px;
    padding:18px 20px;
    box-shadow:0 10px 28px rgba(31,41,55,.045);
}
.storyos-st-layout-v176 .storyos-st-edit-grid-lite{
    grid-template-columns:220px minmax(0,1fr);
}
.storyos-st-adv-smart{
    margin-top:14px;
}
.storyos-st-adv-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:12px;
}
.storyos-st-adv-tabs button{
    border:1px solid #dfe8f2;
    background:#fff;
    color:#6d7890;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.storyos-st-adv-tabs button.on{
    background:#eef6ff;
    border-color:#9fc6e7;
    color:#3f7fb2;
}
.storyos-st-adv-panel{
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.storyos-st-adv-panel.on{
    display:grid;
}
.storyos-st-adv-panel .storyos-st-focus-row{
    grid-column:1/-1;
    margin:0 0 2px;
}
.storyos-st-adv-panel textarea{
    min-height:78px;
    border:1px solid #dfe7f0;
    border-radius:14px;
    padding:12px 14px;
    font-size:13px;
    line-height:1.6;
    resize:vertical;
    outline:none;
    color:#1f2937;
    background:#fbfdff;
}
.storyos-st-adv-panel[data-st-adv-panel="character"] textarea,
.storyos-st-adv-panel[data-st-adv-panel="ai"] textarea{
    grid-column:1/-1;
}
.storyos-st-layout-v176 .storyos-st-summary-shell{
    margin-top:14px;
}
.storyos-st-layout-v176 .storyos-st-summary-toggle{
    color:#5a8fba;
    font-size:13px;
    padding:7px 0;
}
@media(max-width:980px){
    .storyos-st-setting-grid,
    .storyos-st-layout-v176 .storyos-st-edit-grid-lite,
    .storyos-st-adv-panel{
        grid-template-columns:1fr;
    }
    .storyos-st-main-head,
    .storyos-st-config-strip{
        align-items:flex-start;
        flex-direction:column;
    }
    .storyos-st-config-summary i{display:none;}
    .storyos-st-layout-v176 .storyos-st-track{height:86px;}
}


/* StoryOS V2.0.17.7：结构模板下拉 + 故事设计同款轻布局 */
.storyos-st-layout-v177 {
    padding: 34px 40px !important;
}

.storyos-st-layout-v177 .storyos-st-top {
    margin-bottom: 24px !important;
}

.storyos-st-more-wrap {
    position: relative;
    flex: 0 0 auto;
}

.storyos-st-more-btn {
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.storyos-st-more-menu {
    position: absolute;
    right: 0;
    top: 46px;
    width: 190px;
    background: #fff;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    box-shadow: 0 16px 42px rgba(31,41,55,.12);
    padding: 7px;
    z-index: 30;
}

.storyos-st-more-menu button {
    width: 100%;
    height: 36px;
    border: none;
    background: transparent;
    border-radius: 10px;
    color: #4b5563;
    font-size: 12.5px;
    font-weight: 780;
    text-align: left;
    padding: 0 10px;
    cursor: pointer;
}

.storyos-st-more-menu button:hover {
    background: #f4f8fc;
    color: #4682b4;
}

.storyos-st-soft-setting {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 48px;
    padding: 11px 15px;
    border: 1px solid #edf1f6;
    border-radius: 17px;
    background: #fbfcfe;
    color: #7a8494;
    font-size: 13px;
    font-weight: 760;
    margin: 4px 0 18px;
}

.storyos-st-soft-setting strong {
    color: #273142;
    font-weight: 900;
}

.storyos-st-soft-setting i {
    width: 1px;
    height: 14px;
    background: #dfe6ee;
}

.storyos-st-soft-setting button {
    margin-left: auto;
    border: none;
    background: transparent;
    color: #4f87b6;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    padding: 6px 4px;
}

.storyos-st-layout-v177 .storyos-st-setting-panel {
    border: 1px solid #edf1f6;
    background: #fff;
    border-radius: 18px;
    padding: 18px;
    margin: -4px 0 18px;
}

.storyos-st-setting-grid-lite {
    display: grid;
    grid-template-columns: minmax(180px,.75fr) minmax(360px,1.5fr);
    gap: 18px 24px;
}

.storyos-st-layout-v177 .storyos-st-main-panel {
    border: 1px solid #e8eef5;
    border-radius: 24px;
    background: #fff;
    padding: 24px 28px 26px;
    box-shadow: none;
    margin-top: 18px;
}

.storyos-st-main-head-v177 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
}

.storyos-st-main-head-v177 .storyos-st-timeline-title {
    margin: 0 0 6px;
    color: #202635;
    font-size: 18px;
    font-weight: 950;
}

.storyos-st-main-head-v177 p {
    margin: 0;
    color: #9aa3b2;
    font-size: 13px;
    font-weight: 720;
    line-height: 1.55;
}

.storyos-st-template-picker {
    width: 300px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.storyos-st-template-picker span {
    color: #7b8494;
    font-size: 12px;
    font-weight: 900;
}

.storyos-st-template-picker select {
    width: 100%;
    height: 46px;
    border: 1px solid #dfe7f0;
    border-radius: 15px;
    background: #fff;
    color: #1f2937;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 850;
    outline: none;
}

.storyos-st-template-picker select:focus {
    border-color: #8db8dd;
    box-shadow: 0 0 0 3px rgba(70,130,180,.10);
}

.storyos-st-layout-v177 .storyos-st-timeline-wrap {
    border: none;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.storyos-st-layout-v177 .storyos-st-scale {
    color: #a0a8b6;
    font-size: 12px;
    font-weight: 850;
    margin-bottom: 12px;
}

.storyos-st-layout-v177 .storyos-st-track {
    min-height: 62px;
    height: 62px;
    border: 1px solid #e6edf5;
    background: #f7fafc;
    border-radius: 18px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative;
}

.storyos-st-layout-v177 .storyos-st-track.is-loading {
    align-items: center;
    justify-content: center;
}

.storyos-st-track-empty {
    color: #a1aaba;
    font-size: 13px;
    font-weight: 750;
}

.storyos-st-layout-v177 .storyos-st-seg {
    min-width: 44px;
    border: none;
    border-right: 1px solid rgba(255,255,255,.85);
    background: #f0f6fb;
    color: #315875;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 8px;
    cursor: pointer;
    transition: .16s;
}

.storyos-st-layout-v177 .storyos-st-seg:nth-child(4n+1) {
    background: #eef5fb;
}

.storyos-st-layout-v177 .storyos-st-seg:nth-child(4n+3) {
    background: #f4f8fc;
}

.storyos-st-layout-v177 .storyos-st-seg:hover,
.storyos-st-layout-v177 .storyos-st-seg.active {
    box-shadow: inset 0 0 0 2px rgba(70,130,180,.28);
    background: #eaf4fc;
}

.storyos-st-layout-v177 .storyos-st-seg strong {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2f536f;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.2;
}

.storyos-st-layout-v177 .storyos-st-seg em {
    color: #7890a7;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 850;
    white-space: nowrap;
}

.storyos-st-layout-v177 .storyos-st-boundary {
    width: 12px;
    margin-left: -6px;
    margin-right: -6px;
    z-index: 5;
    cursor: ew-resize;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.storyos-st-layout-v177 .storyos-st-boundary::after {
    content: '';
    width: 5px;
    height: 30px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #cfddeb;
    box-shadow: 0 3px 8px rgba(31,41,55,.08);
}

.storyos-st-layout-v177 .storyos-st-track-help {
    margin-top: 12px;
    color: #a0a8b6;
    font-size: 12px;
    font-weight: 720;
}

.storyos-st-layout-v177 .storyos-st-edit-card {
    margin-top: 18px;
    border: 1px solid #e8eef5;
    border-radius: 22px;
    background: #fff;
    padding: 18px 20px;
    box-shadow: none;
}

.storyos-st-layout-v177 .storyos-st-edit-grid-lite {
    grid-template-columns: 220px minmax(0,1fr);
}

.storyos-st-layout-v177 .storyos-st-summary-shell {
    margin-top: 14px;
}

.storyos-st-layout-v177 .storyos-st-summary-toggle {
    border: none;
    background: transparent;
    color: #4f87b6;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    padding: 8px 0;
}

@media(max-width: 980px) {
    .storyos-st-main-head-v177 {
        flex-direction: column;
    }

    .storyos-st-template-picker {
        width: 100%;
    }

    .storyos-st-setting-grid-lite,
    .storyos-st-layout-v177 .storyos-st-edit-grid-lite {
        grid-template-columns: 1fr;
    }

    .storyos-st-soft-setting button {
        margin-left: 0;
    }

    .storyos-st-layout-v177 .storyos-st-track {
        height: 86px;
    }
}

/* StoryOS V2.0.17.9：主骨架 + 留存叠加层补充样式 */
.storyos-st-overlay-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    margin: -6px 0 18px;
    border: 1px solid #edf1f6;
    border-radius: 17px;
    background: #fbfcfe;
}

.storyos-st-overlay-bar > span {
    flex: 0 0 auto;
    color: #7b8494;
    font-size: 12px;
    font-weight: 900;
}

.storyos-st-overlay-tags {
    flex: 1 1 auto;
}

.storyos-st-layout-v177 .storyos-st-soft-setting {
    gap: 9px 10px;
}

.storyos-st-layout-v177 .storyos-st-soft-setting span {
    white-space: nowrap;
}

@media(max-width: 980px) {
    .storyos-st-overlay-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .storyos-st-layout-v177 .storyos-st-soft-setting span {
        white-space: normal;
    }
}

/* StoryOS V2.0.17.10：百分比故事骨架 + 阶段节点管理 */
.storyos-st-setting-grid-one {
    grid-template-columns: 1fr !important;
}

.storyos-st-layout-v177 .storyos-st-track-help {
    color: #8e98a8;
}

.storyos-st-layout-v177 .storyos-st-seg em {
    letter-spacing: .01em;
}

.storyos-st-summary-list {
    flex-direction: column;
    gap: 10px;
}

.storyos-st-summary-i {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #edf1f6;
    border-radius: 15px;
    background: #fff;
    cursor: pointer;
    transition: background .16s, border-color .16s, box-shadow .16s;
}

.storyos-st-summary-i:hover {
    background: #fbfdff;
    border-color: #dfeaf4;
    box-shadow: 0 8px 22px rgba(31,41,55,.045);
}

.storyos-st-summary-i > span {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f0f6fb;
    color: #4f7fa8;
    font-size: 12px;
    font-weight: 900;
}

.storyos-st-summary-i strong {
    display: inline-block;
    color: #263142;
    font-size: 13.5px;
    font-weight: 920;
    margin-right: 8px;
}

.storyos-st-summary-i em {
    color: #7d8ca1;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.storyos-st-summary-i p {
    margin: 5px 0 0;
    color: #9aa3b2;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 680;
}

.storyos-st-node-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.storyos-st-node-actions button,
.storyos-st-add-node {
    height: 30px;
    border: 1px solid #e3ebf3;
    background: #fff;
    color: #5f7084;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    transition: background .16s, color .16s, border-color .16s;
}

.storyos-st-node-actions button:hover,
.storyos-st-add-node:hover {
    background: #f2f8fd;
    color: #4f87b6;
    border-color: #cfe0ef;
}

.storyos-st-node-actions button[disabled] {
    opacity: .38;
    cursor: not-allowed;
    background: #f8fafc;
}

.storyos-st-node-actions button[data-st-act="del"] {
    color: #b36b6b;
}

.storyos-st-node-actions button[data-st-act="del"]:hover {
    color: #b91c1c;
    background: #fff5f5;
    border-color: #f5d2d2;
}

.storyos-st-add-node {
    width: fit-content;
    height: 34px;
    padding: 0 14px;
    margin-top: 2px;
    color: #4f87b6;
    background: #f7fbff;
    border-color: #d9e9f5;
}

@media(max-width: 980px) {
    .storyos-st-summary-i {
        grid-template-columns: 26px minmax(0, 1fr);
    }

    .storyos-st-node-actions {
        grid-column: 2 / 3;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}


/* StoryOS V2.0.17.11：时间线短名显示优化 */
.storyos-st-layout-v177 .storyos-st-seg {
    gap: 4px !important;
    padding: 0 6px !important;
}
.storyos-st-layout-v177 .storyos-st-seg strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    max-width: 100% !important;
}
.storyos-st-layout-v177 .storyos-st-seg-no {
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #55758f;
    font-size: 10px;
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.storyos-st-layout-v177 .storyos-st-seg-name {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.storyos-st-layout-v177 .storyos-st-seg.is-compact strong {
    gap: 3px !important;
}
.storyos-st-layout-v177 .storyos-st-seg.is-compact .storyos-st-seg-name {
    max-width: 42px;
}
.storyos-st-layout-v177 .storyos-st-seg.is-compact em {
    font-size: 9px !important;
    letter-spacing: -.2px;
}
.storyos-st-layout-v177 .storyos-st-seg.is-mini {
    padding: 0 2px !important;
}
.storyos-st-layout-v177 .storyos-st-seg.is-mini .storyos-st-seg-name,
.storyos-st-layout-v177 .storyos-st-seg.is-mini em {
    display: none !important;
}
.storyos-st-layout-v177 .storyos-st-seg.is-mini .storyos-st-seg-no {
    min-width: 20px;
    height: 20px;
    font-size: 10px;
}

/* StoryOS V2.0.17.12：结构模块主界面压缩 + 节点管理区修复 */
.storyos-st-layout-v177 {
    padding: 32px 38px !important;
}

.storyos-st-layout-v177 .storyos-st-top {
    margin-bottom: 18px !important;
}

.storyos-st-layout-v177 .va-desc {
    max-width: 760px;
}

.storyos-st-layout-v177 .storyos-st-soft-setting {
    min-height: 44px !important;
    margin: 0 0 12px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    background: #fbfcfe !important;
}

.storyos-st-layout-v177 .storyos-st-soft-setting button {
    margin-left: auto !important;
    white-space: nowrap;
}

.storyos-st-layout-v177 .storyos-st-setting-panel-compact {
    margin: 0 0 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e8eef5 !important;
}

.storyos-st-setting-grid-v1212 {
    display: grid !important;
    grid-template-columns: minmax(220px, .9fr) minmax(260px, 1fr) !important;
    gap: 14px 18px !important;
    align-items: start !important;
}

.storyos-st-setting-grid-v1212 .storyos-st-driver-setting-wide {
    grid-column: 1 / -1;
}

.storyos-st-setting-grid-v1212 .storyos-st-template-picker {
    width: 100% !important;
}

.storyos-st-setting-grid-v1212 .storyos-st-template-picker select {
    height: 42px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
}

.storyos-st-setting-grid-v1212 .storyos-st-lite-control > span,
.storyos-st-setting-grid-v1212 .storyos-st-template-picker > span {
    display: block;
    margin: 0 0 8px;
    color: #7b8494;
    font-size: 12px;
    font-weight: 900;
}

.storyos-st-setting-grid-v1212 .storyos-st-driver-tags button {
    height: 32px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
}

.storyos-st-main-panel-focus {
    margin-top: 14px !important;
    padding: 22px 24px 24px !important;
    border-radius: 22px !important;
}

.storyos-st-main-head-compact {
    margin-bottom: 14px !important;
}

.storyos-st-main-head-compact .storyos-st-timeline-title {
    font-size: 18px !important;
    margin-bottom: 4px !important;
}

.storyos-st-main-head-compact p {
    max-width: 620px;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

.storyos-st-main-panel-focus .storyos-st-track {
    height: 72px !important;
    min-height: 72px !important;
    border-radius: 20px !important;
}

.storyos-st-main-panel-focus .storyos-st-scale {
    margin-bottom: 8px !important;
}

.storyos-st-main-panel-focus .storyos-st-track-help {
    margin-top: 10px !important;
    font-size: 12px !important;
    color: #98a3b3 !important;
}

.storyos-st-layout-v177 .storyos-st-summary-shell {
    margin-top: 12px !important;
}

.storyos-st-layout-v177 .storyos-st-summary-toggle {
    padding: 7px 0 !important;
    font-size: 13px !important;
}

.storyos-st-summary-list {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    gap: 8px !important;
}

.storyos-st-summary-compact-i,
.storyos-st-summary-i {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 28px minmax(0, 1fr) 142px !important;
    gap: 10px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.storyos-st-node-main,
.storyos-st-summary-i > div:not(.storyos-st-node-actions) {
    min-width: 0 !important;
    overflow: hidden !important;
}

.storyos-st-summary-i strong {
    max-width: calc(100% - 74px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: bottom;
    font-size: 13px !important;
}

.storyos-st-summary-i em {
    white-space: nowrap !important;
    font-size: 11.5px !important;
}

.storyos-st-summary-i p {
    margin-top: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11.8px !important;
}

.storyos-st-node-actions {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    display: grid !important;
    grid-template-columns: 42px 28px 28px 30px !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: end !important;
    overflow: hidden !important;
}

.storyos-st-node-actions button {
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.storyos-st-node-actions button[data-st-act="edit"] {
    color: #4f87b6 !important;
}

.storyos-st-node-actions button[data-st-act="del"] {
    color: #b46a6a !important;
}

.storyos-st-add-node {
    height: 32px !important;
    margin-top: 0 !important;
    font-size: 12px !important;
}

@media(max-width: 980px) {
    .storyos-st-setting-grid-v1212 {
        grid-template-columns: 1fr !important;
    }

    .storyos-st-summary-compact-i,
    .storyos-st-summary-i {
        grid-template-columns: 26px minmax(0, 1fr) !important;
    }

    .storyos-st-node-actions {
        grid-column: 2 / 3 !important;
        width: 142px !important;
        min-width: 142px !important;
        margin-top: 6px;
        justify-content: start !important;
    }

    .storyos-st-main-panel-focus .storyos-st-track {
        height: 84px !important;
    }
}

/* StoryOS V2.0.17.13：5%步进 + 时间线说明分离版 */
.storyos-st-soft-setting span:first-child::first-letter {
    letter-spacing: 0;
}

.storyos-st-layout-v177 .storyos-st-track {
    height: 54px !important;
    min-height: 54px !important;
}

.storyos-st-layout-v177 .storyos-st-seg {
    gap: 0 !important;
    padding: 0 6px !important;
}

.storyos-st-layout-v177 .storyos-st-seg strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    max-width: 100% !important;
}

.storyos-st-layout-v177 .storyos-st-seg em {
    display: none !important;
}

.storyos-st-layout-v177 .storyos-st-seg.compact .storyos-st-seg-name,
.storyos-st-layout-v177 .storyos-st-seg.tiny .storyos-st-seg-name {
    display: none !important;
}

.storyos-st-layout-v177 .storyos-st-seg-no {
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.72);
    color: #477da9;
    font-size: 10px;
    font-weight: 950;
}

.storyos-st-current-note {
    margin-top: 12px;
    border: 1px solid #e8eef5;
    background: #fbfdff;
    border-radius: 16px;
    padding: 13px 15px;
}

.storyos-st-note-head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.storyos-st-note-head span {
    min-width: 34px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef6fc;
    color: #4f87b6;
    font-size: 12px;
    font-weight: 950;
    padding: 0 9px;
}

.storyos-st-note-head strong {
    color: #263244;
    font-size: 14px;
    font-weight: 950;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.storyos-st-note-head em {
    margin-left: auto;
    color: #8b97a8;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.storyos-st-current-note p {
    margin: 7px 0 0;
    color: #7d8797;
    font-size: 13px;
    font-weight: 760;
    line-height: 1.55;
}

.storyos-st-track-help {
    font-size: 11.5px !important;
    color: #a8b0bd !important;
}

.storyos-st-overlay-setting > span::after {
    content: '（追看动力）';
    margin-left: 4px;
    color: #a1aab8;
    font-size: 11px;
    font-weight: 760;
}

/* StoryOS V2.0.17.14：时间线直接管理节点 + 标签自定义版 */
.storyos-st-setting-grid-v1214 {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    align-items: start !important;
}

.storyos-st-setting-grid-v1214 .storyos-st-driver-setting-wide {
    grid-column: 1 / -1 !important;
}

.storyos-st-custom-tag-row {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.storyos-st-custom-tag-row input {
    flex: 1;
    height: 36px;
    border: 1px solid #dfe7f0;
    border-radius: 12px;
    background: #fff;
    color: #273142;
    font-size: 12px;
    font-weight: 760;
    padding: 0 12px;
    outline: none;
}

.storyos-st-custom-tag-row input:focus {
    border-color: #8db8dd;
    box-shadow: 0 0 0 3px rgba(70,130,180,.10);
}

.storyos-st-custom-tag-row button {
    height: 36px;
    border: 1px solid #d7e4f0;
    border-radius: 12px;
    background: #f7fbff;
    color: #4f87b6;
    font-size: 12px;
    font-weight: 900;
    padding: 0 12px;
    cursor: pointer;
}

.storyos-st-tag-bank button.custom {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-right: 9px !important;
}

.storyos-st-tag-bank button.custom em {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: rgba(31,41,55,.08);
    color: #8b95a5;
    font-style: normal;
    font-size: 11px;
    font-weight: 900;
    line-height: 16px;
    text-align: center;
}

.storyos-st-tag-bank button.custom em:hover {
    background: rgba(220,38,38,.12);
    color: #c45050;
}

.storyos-st-layout-v177 .storyos-st-track {
    height: 74px !important;
    min-height: 74px !important;
}

.storyos-st-layout-v177 .storyos-st-seg {
    gap: 4px !important;
    min-width: 30px !important;
    padding: 0 5px !important;
}

.storyos-st-layout-v177 .storyos-st-seg b {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.72);
    color: #4f87b6;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}

.storyos-st-layout-v177 .storyos-st-seg strong {
    display: block !important;
    max-width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.12 !important;
    text-align: center !important;
}

.storyos-st-layout-v177 .storyos-st-seg.narrow strong,
.storyos-st-layout-v177 .storyos-st-seg.tiny strong {
    font-size: 11px !important;
}

.storyos-st-layout-v177 .storyos-st-seg.tiny strong {
    display: none !important;
}

.storyos-st-layout-v177 .storyos-st-seg em {
    display: none !important;
}

.storyos-st-current-editor {
    margin-top: 18px !important;
    background: #fff !important;
    border: 1px solid #e8eef5 !important;
    border-radius: 22px !important;
    box-shadow: none !important;
}

.storyos-st-current-editor .storyos-st-edit-head {
    align-items: center !important;
    gap: 14px !important;
}

.storyos-st-current-editor .storyos-st-edit-head strong {
    flex: 1;
    min-width: 0;
    font-size: 16px !important;
    font-weight: 950 !important;
    color: #202635 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.storyos-st-stage-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.storyos-st-stage-actions button {
    height: 30px;
    border: 1px solid #dfe7f0;
    border-radius: 999px;
    background: #fff;
    color: #5f7893;
    font-size: 11.5px;
    font-weight: 900;
    padding: 0 10px;
    cursor: pointer;
}

.storyos-st-stage-actions button:hover {
    background: #f5f9fd;
    color: #4f87b6;
    border-color: #cfe0ee;
}

.storyos-st-stage-actions button.danger {
    color: #c55a5a;
    border-color: #f0d8d8;
    background: #fffafa;
}

.storyos-st-stage-actions button.danger:hover {
    background: #fff1f1;
    border-color: #e9bbbb;
}

.storyos-st-current-editor .storyos-st-edit-grid-lite {
    grid-template-columns: 220px minmax(0,1fr) !important;
    gap: 12px 18px !important;
}

.storyos-st-current-editor .storyos-st-edit-grid-lite input {
    height: 44px !important;
}

.storyos-st-summary-shell,
.storyos-st-summary-list {
    display: none !important;
}

.storyos-st-soft-setting [data-st-driver-summary] {
    max-width: 300px;
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width: 980px) {
    .storyos-st-setting-grid-v1214,
    .storyos-st-current-editor .storyos-st-edit-grid-lite {
        grid-template-columns: 1fr !important;
    }

    .storyos-st-current-editor .storyos-st-edit-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .storyos-st-stage-actions {
        justify-content: flex-start;
    }

    .storyos-st-soft-setting [data-st-driver-summary] {
        max-width: 100%;
    }
}

/* StoryOS V2.0.17.15：高级标签自定义 + 节点操作按钮修正 */
.storyos-st-focus-custom-row {
    margin: -2px 0 14px !important;
    max-width: 520px;
}

.storyos-st-focus-row .custom {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-right: 9px !important;
}

.storyos-st-focus-row .custom em {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: rgba(31,41,55,.08);
    color: #8b95a5;
    font-style: normal;
    font-size: 11px;
    font-weight: 900;
    line-height: 16px;
    text-align: center;
}

.storyos-st-focus-row .custom em:hover {
    background: rgba(220,38,38,.12);
    color: #c45050;
}

.storyos-st-stage-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
}

.storyos-st-stage-actions button {
    min-width: 54px !important;
    height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    flex: 0 0 auto !important;
}

.storyos-st-stage-actions button.danger {
    min-width: 48px !important;
}

.storyos-st-current-editor .storyos-st-edit-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

@media(max-width: 980px) {
    .storyos-st-stage-actions {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}

/* StoryOS V2.0.17.17：结构模块轻操作 + 标签自定义统一 */
.storyos-st-stage-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    flex: 0 0 auto !important;
}

.storyos-st-stage-actions button {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5f7893 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    cursor: pointer !important;
    transition: color .16s ease, opacity .16s ease !important;
}

.storyos-st-stage-actions button:hover {
    color: #4682b4 !important;
    text-decoration: underline !important;
    background: transparent !important;
    border: none !important;
}

.storyos-st-stage-actions button.danger {
    color: #c85d5d !important;
    border: none !important;
    background: transparent !important;
}

.storyos-st-stage-actions button.danger:hover {
    color: #b93f3f !important;
    background: transparent !important;
}

.storyos-st-tag-bank .storyos-st-custom-trigger,
.storyos-st-focus-row .storyos-st-custom-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    padding: 0 14px !important;
    border: 1px dashed #c7d2df !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #8b95a5 !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    cursor: pointer !important;
}

.storyos-st-tag-bank .storyos-st-custom-trigger:hover,
.storyos-st-focus-row .storyos-st-custom-trigger:hover {
    border-color: #4682b4 !important;
    color: #4682b4 !important;
    background: transparent !important;
}

.storyos-st-tag-bank button.custom,
.storyos-st-focus-row button.custom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 34px !important;
    padding: 0 9px 0 14px !important;
}

.storyos-st-current-editor .storyos-st-edit-head {
    align-items: center !important;
}

@media(max-width: 980px) {
    .storyos-st-stage-actions {
        gap: 12px !important;
        justify-content: flex-start !important;
    }
}

/* StoryOS V2.0.17.20：结构骨架起始态 + 时间线内选择版 */
.storyos-st-main-head-v120 {
    align-items: center !important;
}
.storyos-st-spine-actions {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex: 0 0 auto;
}
.storyos-st-template-picker-inline {
    width: 260px !important;
}
.storyos-st-custom-build-btn {
    height: 46px;
    padding: 0 18px;
    border-radius: 15px;
    border: 1px solid #dce8f3;
    background: #f8fbfe;
    color: #4f87b6;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
    transition: .16s ease;
}
.storyos-st-custom-build-btn:hover {
    background: #eef7ff;
    border-color: #bdd7ee;
}
.storyos-st-layout-v177 .storyos-st-track.is-loading {
    min-height: 82px;
    height: 82px;
    background: #fbfcfe;
    border-style: dashed;
}
.storyos-st-track-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #9aa6b5;
    font-size: 13px;
    font-weight: 760;
    line-height: 1.45;
    text-align: center;
}
.storyos-st-track-empty strong {
    color: #5f748a;
    font-size: 14px;
    font-weight: 920;
}
.storyos-st-track-empty span {
    color: #9aa6b5;
    font-size: 12px;
    font-weight: 720;
}
.storyos-st-setting-grid-v1214 {
    grid-template-columns: 1fr !important;
}
.storyos-st-setting-grid-v1214 .storyos-st-overlay-setting,
.storyos-st-setting-grid-v1214 .storyos-st-driver-setting-wide {
    width: 100%;
}
@media(max-width:980px){
    .storyos-st-spine-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }
    .storyos-st-template-picker-inline {
        width: 100% !important;
    }
}


/* StoryOS V2.0.17.21：结构模块视觉减法与交互降噪 */
.storyos-st-layout-v177 .storyos-st-soft-setting {
    min-height: 42px !important;
    padding: 9px 14px !important;
    gap: 8px !important;
    border-radius: 16px !important;
    background: #fbfcfe !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting span {
    font-size: 12.5px !important;
    color: #8d97a7 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting strong {
    font-size: 13px !important;
    color: #273142 !important;
    font-weight: 900 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting i {
    height: 12px !important;
    opacity: .75 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting button {
    font-size: 12.5px !important;
    padding: 4px 0 4px 8px !important;
}
.storyos-st-main-panel-focus {
    padding-top: 22px !important;
}
.storyos-st-main-head-v120 p,
.storyos-st-main-head-compact p {
    max-width: 360px !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}
.storyos-st-main-panel-focus .storyos-st-track-help,
.storyos-st-layout-v177 .storyos-st-track-help {
    margin-top: 8px !important;
    font-size: 11.5px !important;
    color: #a8b0bd !important;
    font-weight: 700 !important;
}
.storyos-st-current-editor {
    margin-top: 16px !important;
    padding: 18px 20px !important;
    border-color: #edf2f7 !important;
    box-shadow: none !important;
}
.storyos-st-current-editor .storyos-st-edit-head {
    gap: 10px !important;
    align-items: center !important;
}
.storyos-st-current-editor .storyos-st-edit-head strong {
    font-size: 15px !important;
    font-weight: 950 !important;
}
.storyos-st-stage-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.storyos-st-stage-actions button {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
    height: auto !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    color: #648199 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
.storyos-st-stage-actions button:hover {
    color: #4f87b6 !important;
    text-decoration: underline !important;
}
.storyos-st-stage-actions button.danger {
    color: #c96c6c !important;
}
.storyos-st-edit-grid-lite input {
    height: 42px !important;
    font-size: 13px !important;
}
.storyos-st-adv-toggle {
    margin-top: 12px !important;
    padding-top: 12px !important;
    font-size: 12.5px !important;
    color: #5b8bb5 !important;
}
.storyos-st-adv-body {
    padding-top: 12px !important;
}
.storyos-st-adv-tabs {
    gap: 8px !important;
    margin-bottom: 12px !important;
}
.storyos-st-adv-tabs button {
    height: 34px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
}
.storyos-st-adv-panel textarea {
    min-height: 68px !important;
    font-size: 12.5px !important;
    padding: 12px 14px !important;
}
.storyos-st-adv-panel[data-st-adv-panel="character"] textarea,
.storyos-st-adv-panel[data-st-adv-panel="ai"] textarea {
    min-height: 78px !important;
}
@media(max-width: 980px){
    .storyos-st-stage-actions { margin-left: 0 !important; width: 100% !important; }
}


/* StoryOS V2.0.17.22：结构摘要条弱化版 */
.storyos-st-layout-v177 .storyos-st-soft-setting {
    min-height: 38px !important;
    padding: 7px 12px !important;
    gap: 7px !important;
    border-color: #eef3f8 !important;
    background: #fcfdff !important;
    box-shadow: none !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting span {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 230px !important;
    min-width: 0 !important;
    color: #9aa3b2 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting strong {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #7f8a9b !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting span:first-child strong {
    color: #566579 !important;
    font-weight: 820 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting i {
    width: 1px !important;
    height: 10px !important;
    background: #e5ebf2 !important;
    opacity: 1 !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting button {
    color: #5f8fb8 !important;
    font-size: 12px !important;
    font-weight: 780 !important;
    padding: 3px 0 3px 8px !important;
}
.storyos-st-layout-v177 .storyos-st-soft-setting button:hover {
    color: #326f9f !important;
}
/* StoryOS A方案：人物设计卡工具栏化 → 导入并入标题行 */
.storyos-cc-va .va-top-cc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.storyos-cc-va .va-cc-import {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border: none;
    background: transparent;
    color: #4682b4;
    padding: 4px 0;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s;
    padding-top: 6px;
}

.storyos-cc-va .va-cc-import:hover {
    opacity: 0.75;
}

.storyos-cc-va .va-cc-import svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* 人物卡操作区：展开编辑 / 添加关系 全部降为灰色文字链 */
.storyos-cc-va .storyos-cc-person-toggle {
    color: #888b94 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

.storyos-cc-va .storyos-cc-person-card.open .storyos-cc-person-toggle {
    color: #aaacb2 !important;
}

.storyos-cc-va .storyos-cc-person-relation {
    color: #aaacb2 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

.storyos-cc-va .storyos-cc-person-relation:hover {
    color: #4682b4 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.storyos-cc-va .storyos-cc-person-relation.is-disabled {
    color: #d0d2d8 !important;
    text-decoration: none !important;
    cursor: default !important;
}

html.dark-mode .storyos-cc-va .va-cc-import {
    color: #7fa9ce !important;
}

html.dark-mode .storyos-cc-va .storyos-cc-person-toggle {
    color: #6b7299 !important;
}

html.dark-mode .storyos-cc-va .storyos-cc-person-relation {
    color: #555878 !important;
}

html.dark-mode .storyos-cc-va .storyos-cc-person-relation:hover {
    color: #7fa9ce !important;
}

/* StoryOS V2.0.17.28：人物设计卡主体 HDMI / Variant A 样式版 */
.saas-v29-field-block[data-inspector-type="character_config"] {
    margin-top: 30px !important;
}

.storyos-cc-va {
    background: #fff !important;
    border: 1px solid #e1e5ea !important;
    border-radius: 18px !important;
    padding: 30px 34px 28px !important;
    box-shadow: none !important;
}

.storyos-cc-va .va-top-cc {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 28px !important;
}

.storyos-cc-va .va-title-block {
    min-width: 0 !important;
}

.storyos-cc-va .va-ttl {
    font-size: 22px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #1e2026 !important;
}

.storyos-cc-va .va-desc {
    margin-top: 6px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #6f7580 !important;
}

.storyos-cc-va .va-cc-import {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    min-width: 218px !important;
    height: 46px !important;
    padding: 0 22px !important;
    border: 1px solid #cfd5dd !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #1f232b !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: border-color .15s ease, background .15s ease, color .15s ease, opacity .15s ease !important;
}

.storyos-cc-va .va-cc-import:hover {
    opacity: 1 !important;
    color: #4682b4 !important;
    border-color: #a9c1d6 !important;
    background: #f8fbfe !important;
}

.storyos-cc-va .va-cc-import svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.storyos-cc-va .storyos-cc-card-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.storyos-cc-va .storyos-cc-person-card {
    background: #fff !important;
    border: 1px solid #e1e5ea !important;
    border-radius: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: border-color .16s ease, background .16s ease !important;
}

.storyos-cc-va .storyos-cc-person-card + .storyos-cc-person-card {
    margin-top: 10px !important;
}

.storyos-cc-va .storyos-cc-person-card:hover {
    border-color: #cfd8e3 !important;
    box-shadow: none !important;
}

.storyos-cc-va .storyos-cc-person-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    min-height: 88px !important;
    padding: 22px 26px !important;
    margin: 0 !important;
    cursor: pointer !important;
    background: #fff !important;
}

.storyos-cc-va .storyos-cc-person-title {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.storyos-cc-va .storyos-cc-person-index {
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    background: #eef4fb !important;
    color: #4682b4 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.storyos-cc-va .storyos-cc-person-title-text {
    min-width: 0 !important;
}

.storyos-cc-va .storyos-cc-person-name-line {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.storyos-cc-va .storyos-cc-person-name-line strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    color: #1e2026 !important;
}

.storyos-cc-va .storyos-cc-person-name-line em {
    display: none !important;
}

.storyos-cc-va .storyos-cc-person-desc-line {
    margin-top: 4px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: #7c828c !important;
}

.storyos-cc-va .storyos-cc-person-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.storyos-cc-va .storyos-cc-person-toggle,
.storyos-cc-va .storyos-cc-person-relation {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5f6671 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.storyos-cc-va .storyos-cc-person-toggle:hover,
.storyos-cc-va .storyos-cc-person-relation:hover {
    color: #4682b4 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.storyos-cc-va .storyos-cc-person-relation.is-disabled {
    color: #5f6671 !important;
    opacity: 1 !important;
    cursor: default !important;
    text-decoration: none !important;
}

.storyos-cc-va .storyos-cc-person-card.open .storyos-cc-person-head {
    border-bottom: 1px solid #eef1f5 !important;
}

.storyos-cc-va .storyos-cc-person-body {
    padding: 18px 22px 22px !important;
    border-top: 0 !important;
    background: #fbfcfd !important;
}

.storyos-cc-va .storyos-cc-add-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 128px !important;
    height: 46px !important;
    margin: 18px 0 0 !important;
    padding: 0 22px !important;
    border: 1px dashed #c7cbd3 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #3a3d44 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: border-color .15s ease, color .15s ease, background .15s ease !important;
}

.storyos-cc-va .storyos-cc-add-btn:hover {
    border-color: #4682b4 !important;
    color: #4682b4 !important;
    background: #f8fbfe !important;
}

.storyos-cc-va .storyos-cc-person-del {
    order: 99 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #c45b5b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

@media(max-width: 780px) {
    .storyos-cc-va {
        padding: 24px 20px !important;
    }
    .storyos-cc-va .va-top-cc {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }
    .storyos-cc-va .va-cc-import {
        width: 100% !important;
        min-width: 0 !important;
    }
    .storyos-cc-va .storyos-cc-person-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 18px 18px !important;
    }
    .storyos-cc-va .storyos-cc-person-actions {
        margin-left: 48px !important;
        gap: 18px !important;
    }
}

html.dark-mode .storyos-cc-va {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}
html.dark-mode .storyos-cc-va .va-ttl,
html.dark-mode .storyos-cc-va .storyos-cc-person-name-line strong {
    color: #e0e4f8 !important;
}
html.dark-mode .storyos-cc-va .va-desc,
html.dark-mode .storyos-cc-va .storyos-cc-person-desc-line {
    color: #6b7299 !important;
}
html.dark-mode .storyos-cc-va .va-cc-import,
html.dark-mode .storyos-cc-va .storyos-cc-person-card,
html.dark-mode .storyos-cc-va .storyos-cc-person-head {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-body {
    background: #161726 !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-index {
    background: #26334a !important;
    color: #8fb8dd !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-toggle,
html.dark-mode .storyos-cc-va .storyos-cc-person-relation {
    color: #8b93aa !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-toggle:hover,
html.dark-mode .storyos-cc-va .storyos-cc-person-relation:hover {
    color: #8fb8dd !important;
}

/* StoryOS V2.0.17.29：人物设计卡对齐故事设计 UI 规范版
   基准来自故事设计模块 .storyos-sc-va：标题 18/700，副标题 12.5/#aaacb2，导入 chip 12.5，边框 #ececec，圆角 10-12px。 */
.saas-v29-field-block[data-inspector-type="character_config"] {
    margin-top: 30px !important;
}

.storyos-cc-va {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 18px !important;
    padding: 24px 28px 24px !important;
    color: #1e2026 !important;
    box-shadow: none !important;
}

.storyos-cc-va .va-top-cc {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}

.storyos-cc-va .va-title-block {
    display: block !important;
    min-width: 0 !important;
}

.storyos-cc-va .va-ttl {
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.35 !important;
    color: #1e2026 !important;
}

.storyos-cc-va .va-desc {
    font-size: 12.5px !important;
    color: #aaacb2 !important;
    margin-top: 4px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

.storyos-cc-va .va-cc-import {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 6px 12px !important;
    border: none !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #4682b4 !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    user-select: none !important;
    transition: background .15s ease, color .15s ease !important;
}

.storyos-cc-va .va-cc-import:hover {
    background: #eef4fa !important;
    color: #2d5878 !important;
    opacity: 1 !important;
}

.storyos-cc-va .va-cc-import svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.storyos-cc-va .storyos-cc-card-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.storyos-cc-va .storyos-cc-person-card {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: border-color .15s ease, background .15s ease !important;
}

.storyos-cc-va .storyos-cc-person-card + .storyos-cc-person-card {
    margin-top: 8px !important;
}

.storyos-cc-va .storyos-cc-person-card:hover {
    border-color: #d6d9df !important;
    box-shadow: none !important;
}

.storyos-cc-va .storyos-cc-person-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 66px !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    background: #fff !important;
}

.storyos-cc-va .storyos-cc-person-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.storyos-cc-va .storyos-cc-person-index {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    background: #eef2f8 !important;
    color: #4682b4 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

.storyos-cc-va .storyos-cc-person-title-text {
    min-width: 0 !important;
}

.storyos-cc-va .storyos-cc-person-name-line {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.storyos-cc-va .storyos-cc-person-name-line strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #1e2026 !important;
}

.storyos-cc-va .storyos-cc-person-name-line em {
    display: none !important;
}

.storyos-cc-va .storyos-cc-person-desc-line {
    margin-top: 2px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: #aaacb2 !important;
}

.storyos-cc-va .storyos-cc-person-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.storyos-cc-va .storyos-cc-person-toggle,
.storyos-cc-va .storyos-cc-person-relation {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #888b94 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.storyos-cc-va .storyos-cc-person-toggle:hover,
.storyos-cc-va .storyos-cc-person-relation:hover {
    color: #4682b4 !important;
    text-decoration: none !important;
}

.storyos-cc-va .storyos-cc-person-relation.is-disabled {
    color: #c7c7cc !important;
    opacity: 1 !important;
    cursor: default !important;
    text-decoration: none !important;
}

.storyos-cc-va .storyos-cc-person-card.open .storyos-cc-person-head {
    border-bottom: 1px solid #ececec !important;
}

.storyos-cc-va .storyos-cc-person-body {
    padding: 16px 16px 18px !important;
    border-top: 0 !important;
    background: #fbfcfd !important;
}

.storyos-cc-va .storyos-cc-add-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 34px !important;
    margin: 10px 0 0 !important;
    padding: 0 14px !important;
    border: 1px dashed #c7c7cc !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #888b94 !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: border-color .15s ease, color .15s ease, background .15s ease !important;
}

.storyos-cc-va .storyos-cc-add-btn:hover {
    border-color: #4682b4 !important;
    color: #4682b4 !important;
    background: transparent !important;
}

.storyos-cc-va .storyos-cc-person-del {
    order: 99 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #c45b5b !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

@media(max-width: 780px) {
    .storyos-cc-va {
        padding: 22px 20px !important;
    }
    .storyos-cc-va .va-top-cc {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    .storyos-cc-va .va-cc-import {
        width: max-content !important;
        max-width: 100% !important;
    }
    .storyos-cc-va .storyos-cc-person-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 14px 16px !important;
    }
    .storyos-cc-va .storyos-cc-person-actions {
        margin-left: 32px !important;
        gap: 14px !important;
    }
}

html.dark-mode .storyos-cc-va {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}
html.dark-mode .storyos-cc-va .va-ttl,
html.dark-mode .storyos-cc-va .storyos-cc-person-name-line strong {
    color: #e0e4f8 !important;
}
html.dark-mode .storyos-cc-va .va-desc,
html.dark-mode .storyos-cc-va .storyos-cc-person-desc-line {
    color: #6b7299 !important;
}
html.dark-mode .storyos-cc-va .va-cc-import {
    color: #8ea0ff !important;
}
html.dark-mode .storyos-cc-va .va-cc-import:hover {
    background: #22243a !important;
    color: #e0e4f8 !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-card,
html.dark-mode .storyos-cc-va .storyos-cc-person-head {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-body {
    background: #161726 !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-index {
    background: #26334a !important;
    color: #8fb8dd !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-toggle,
html.dark-mode .storyos-cc-va .storyos-cc-person-relation {
    color: #6b7299 !important;
}
html.dark-mode .storyos-cc-va .storyos-cc-person-toggle:hover,
html.dark-mode .storyos-cc-va .storyos-cc-person-relation:hover {
    color: #8fb8dd !important;
}

/* StoryOS V2.0.17.30：人物设计标题外置版
   目标：标题区不再被内容线框包住；线框只承载人物列表、添加人物与关系摘要。 */
.storyos-cc-va {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: #1e2026 !important;
    box-shadow: none !important;
}

.storyos-cc-va .va-top-cc {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
}

.storyos-cc-va .storyos-cc-content-frame {
    border: 1px solid #ececec !important;
    border-radius: 18px !important;
    background: #fff !important;
    padding: 24px 28px 26px !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.storyos-cc-va .storyos-cc-content-frame .storyos-cc-card-stack {
    margin: 0 !important;
}

.storyos-cc-va .storyos-cc-content-frame .storyos-cc-person-card {
    margin: 0 !important;
}

.storyos-cc-va .storyos-cc-content-frame > .storyos-cc-add-btn {
    margin-top: 14px !important;
}

.storyos-cc-va .storyos-cc-content-frame > .storyos-cc-relation-block {
    margin-top: 14px !important;
}

@media(max-width: 780px) {
    .storyos-cc-va {
        padding: 0 !important;
    }
    .storyos-cc-va .storyos-cc-content-frame {
        padding: 18px 18px 20px !important;
        border-radius: 16px !important;
    }
}

html.dark-mode .storyos-cc-va {
    background: transparent !important;
    border-color: transparent !important;
}

html.dark-mode .storyos-cc-va .storyos-cc-content-frame {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
}

/* StoryOS V2.0.17.31：人物设计内容区去除多余外层线框
   保留人物卡自身边框与“添加人物”虚线按钮，移除包住二者的框中框。 */
.storyos-cc-va .storyos-cc-content-frame {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.storyos-cc-va .storyos-cc-content-frame .storyos-cc-card-stack {
    margin: 0 !important;
}

.storyos-cc-va .storyos-cc-content-frame .storyos-cc-person-card {
    margin: 0 !important;
}

.storyos-cc-va .storyos-cc-content-frame > .storyos-cc-add-btn {
    margin-top: 14px !important;
}

.storyos-cc-va .storyos-cc-content-frame > .storyos-cc-relation-block {
    margin-top: 14px !important;
}

html.dark-mode .storyos-cc-va .storyos-cc-content-frame {
    background: transparent !important;
    border-color: transparent !important;
}

/* StoryOS V2.0.17.32：人物设计库导入按钮对齐参考图（边框按钮版）
   目标：让“从人物设计库导入”从轻文字链恢复为参考图中的独立圆角边框按钮。 */
.storyos-cc-va .va-top-cc {
    align-items: flex-start !important;
}

.storyos-cc-va .va-cc-import {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    min-width: 248px !important;
    height: 48px !important;
    padding: 0 24px !important;
    margin-top: 2px !important;
    border: 1px solid #c9ccd3 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #1e2026 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    font-family: inherit !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: border-color .16s ease, color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.storyos-cc-va .va-cc-import:hover {
    opacity: 1 !important;
    color: #1e2026 !important;
    border-color: #9ea4ad !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(5, 0, 56, .04) !important;
    text-decoration: none !important;
}

.storyos-cc-va .va-cc-import svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

html.dark-mode .storyos-cc-va .va-cc-import {
    background: #1a1b2e !important;
    border-color: #3a3e4c !important;
    color: #e0e4f8 !important;
}

html.dark-mode .storyos-cc-va .va-cc-import:hover {
    border-color: #5f8fb8 !important;
    color: #e0e4f8 !important;
    background: #1a1b2e !important;
}

@media (max-width: 768px) {
    .storyos-cc-va .va-cc-import {
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 16px !important;
        font-size: 13px !important;
    }
    .storyos-cc-va .va-cc-import svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* StoryOS V2.0.17.33：人物设计库导入按钮字号对齐“+ 添加人物” */
.storyos-cc-va .va-cc-import {
    font-size: 12.5px !important;
}

.storyos-cc-va .va-cc-import svg {
    width: 14px !important;
    height: 14px !important;
}

@media (max-width: 768px) {
    .storyos-cc-va .va-cc-import {
        font-size: 12.5px !important;
    }
    .storyos-cc-va .va-cc-import svg {
        width: 14px !important;
        height: 14px !important;
    }
}

/* StoryOS V2.0.17.35：结构设计模块无框中框版｜对齐故事设计 / 人物设计单层留白 */
.storyos-st-final-a {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    color: #1e2026 !important;
}
.storyos-st-final-a .storyos-st-final-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 16px !important;
}
.storyos-st-final-a .va-ttl {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1e2026 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
}
.storyos-st-final-a .va-desc {
    font-size: 12.5px !important;
    color: #aaacb2 !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
}
.storyos-st-final-a .storyos-st-whiteboard-import {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-shrink: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #4682b4 !important;
    padding: 4px 0 !important;
    border-radius: 0 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    box-shadow: none !important;
}
.storyos-st-final-a .storyos-st-whiteboard-import:hover {
    opacity: .72 !important;
    background: transparent !important;
    color: #4682b4 !important;
    transform: none !important;
}
.storyos-st-final-a .storyos-st-whiteboard-import svg {
    width: 14px !important;
    height: 14px !important;
}
.storyos-st-final-divider {
    height: 1px;
    background: #ececec;
    margin: 14px 0;
}
.storyos-st-section-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
}
.storyos-st-section-accent {
    width: 3px;
    height: 14px;
    background: #4682b4;
    border-radius: 2px;
    flex-shrink: 0;
}
.storyos-st-section-label {
    font-size: 14px;
    font-weight: 700;
    color: #3a3d44;
    line-height: 1.35;
}
.storyos-st-template-picker-final {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
.storyos-st-template-picker-final select {
    width: 100% !important;
    height: 44px !important;
    padding: 0 38px 0 14px !important;
    border: 1px solid #d6d9df !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #6b6f78 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}
.storyos-st-template-picker-final select:hover {
    border-color: #bbbdc4 !important;
}
.storyos-st-template-picker-final select:focus {
    border-color: #4682b4 !important;
    box-shadow: 0 0 0 3px rgba(70,130,180,.10) !important;
}
.storyos-st-select-chevron {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-54%);
    color: #aaacb2;
    font-size: 15px;
    pointer-events: none;
    line-height: 1;
}
.storyos-st-final-a .storyos-st-final-chips {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-height: auto !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}
.storyos-st-final-a .storyos-st-final-chips i {
    display: none !important;
}
.storyos-st-final-a .storyos-st-chip {
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #f4f5f7 !important;
    color: #8a8f9b !important;
    border: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}
.storyos-st-final-a .storyos-st-chip strong {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
.storyos-st-final-a .storyos-st-chip[data-st-chip="spine"]:has(strong:not(:empty)) {
    background: #eef2f8 !important;
    color: #4682b4 !important;
}
.storyos-st-final-a .storyos-st-final-chips button[data-st-setting-toggle] {
    margin-left: auto !important;
    border: none !important;
    background: transparent !important;
    color: #4682b4 !important;
    padding: 4px 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    height: 24px !important;
}
.storyos-st-final-a .storyos-st-setting-panel-compact {
    border: 1px solid #ececec !important;
    background: #fafbfc !important;
    border-radius: 12px !important;
    margin: 12px 0 0 !important;
    padding: 16px !important;
}
.storyos-st-final-a .storyos-st-final-timeline-panel,
.storyos-st-final-a .storyos-st-main-panel-focus {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.storyos-st-final-a .storyos-st-timeline-wrap {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.storyos-st-final-a .storyos-st-track {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 70px !important;
    height: auto !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.storyos-st-final-a .storyos-st-track.is-loading {
    min-height: auto !important;
}
.storyos-st-final-a .storyos-st-track-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 112px !important;
    padding: 28px !important;
    border: 1px dashed #dfe3ea !important;
    border-radius: 12px !important;
    background: #fafbfc !important;
    text-align: center !important;
}
.storyos-st-final-a .storyos-st-track-empty strong {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #3a3d44 !important;
}
.storyos-st-final-a .storyos-st-track-empty span {
    margin-top: 4px !important;
    font-size: 12.5px !important;
    color: #aaacb2 !important;
}
.storyos-st-final-prog {
    width: 100%;
    padding: 0;
}
.storyos-st-final-labels {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #aaacb2;
    margin-bottom: 8px;
    line-height: 1;
}
.storyos-st-final-timeline {
    position: relative;
    height: 48px;
    margin: 0 0 4px;
}
.storyos-st-final-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    background: #e4e7ec;
    border-radius: 999px;
}
.storyos-st-final-nodes {
    position: absolute;
    inset: 0;
}
.storyos-st-final-seg {
    position: absolute !important;
    top: 50% !important;
    height: 4px !important;
    transform: translateY(-50%) !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    cursor: pointer !important;
    overflow: visible !important;
    border-radius: 999px !important;
}
.storyos-st-final-seg-line {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 0;
    height: 4px;
    border-radius: 999px;
    background: #bfdbfe;
    transition: background .15s, opacity .15s;
}
.storyos-st-final-seg:nth-of-type(4n+1) .storyos-st-final-seg-line { background: #dbeafe; }
.storyos-st-final-seg:nth-of-type(4n+2) .storyos-st-final-seg-line { background: #bfdbfe; }
.storyos-st-final-seg:nth-of-type(4n+3) .storyos-st-final-seg-line { background: #93c5fd; }
.storyos-st-final-seg:nth-of-type(4n+4) .storyos-st-final-seg-line { background: #60a5fa; }
.storyos-st-final-seg.active .storyos-st-final-seg-line,
.storyos-st-final-seg:hover .storyos-st-final-seg-line {
    background: #4682b4 !important;
}
.storyos-st-final-seg em {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 96px;
    color: #8a8f9b;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}
.storyos-st-final-seg.active em,
.storyos-st-final-seg:hover em {
    color: #4682b4;
}
.storyos-st-final-node {
    position: absolute;
    top: 0;
    height: 48px;
    width: 18px;
    transform: translateX(-50%);
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    z-index: 6;
}
.storyos-st-final-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    transform: translate(-50%,-50%);
    border: 1.5px solid #4682b4;
    background: #fff;
    transition: transform .15s, background .15s;
}
.storyos-st-final-node:hover .storyos-st-final-dot,
.storyos-st-final-node.active .storyos-st-final-dot {
    background: #4682b4;
    transform: translate(-50%,-50%) scale(1.25);
}
.storyos-st-final-tip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 6px);
    transform: translateX(-50%);
    background: #1e2026;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 7px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
}
.storyos-st-final-node:hover .storyos-st-final-tip {
    opacity: 1;
}
.storyos-st-final-boundary {
    position: absolute !important;
    top: 50% !important;
    width: 11px !important;
    height: 22px !important;
    transform: translate(-50%,-50%) !important;
    background: #fff !important;
    border: 1px solid #cfd5df !important;
    border-radius: 4px !important;
    cursor: col-resize !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    z-index: 12 !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.storyos-st-final-boundary::after {
    display: none !important;
}
.storyos-st-final-boundary span {
    width: 2px;
    height: 2px;
    border-radius: 999px;
    background: #9aa1ad;
}
.storyos-st-final-boundary:hover {
    border-color: #4682b4 !important;
}
.storyos-st-final-a .storyos-st-track-help {
    display: block !important;
    margin-top: 8px !important;
    color: #aaacb2 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}
.storyos-st-final-a .storyos-st-edit-card {
    margin-top: 14px !important;
    border: 1px solid #ececec !important;
    border-radius: 14px !important;
    padding: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
}
html.dark-mode .storyos-st-final-a {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
    color: #e0e4f8 !important;
}
html.dark-mode .storyos-st-final-a .va-ttl,
html.dark-mode .storyos-st-section-label,
html.dark-mode .storyos-st-final-a .storyos-st-track-empty strong {
    color: #e0e4f8 !important;
}
html.dark-mode .storyos-st-final-divider,
html.dark-mode .storyos-st-final-bg {
    background: #2a2b40 !important;
}
html.dark-mode .storyos-st-template-picker-final select,
html.dark-mode .storyos-st-final-boundary,
html.dark-mode .storyos-st-final-dot {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
    color: #c0c4e0 !important;
}
html.dark-mode .storyos-st-final-a .storyos-st-track-empty,
html.dark-mode .storyos-st-final-a .storyos-st-setting-panel-compact,
html.dark-mode .storyos-st-final-a .storyos-st-edit-card {
    background: #161726 !important;
    border-color: #2a2b40 !important;
}
html.dark-mode .storyos-st-final-a .storyos-st-chip {
    background: #22243a !important;
    color: #8890b8 !important;
}
html.dark-mode .storyos-st-final-a .storyos-st-chip[data-st-chip="spine"] {
    background: #2a3550 !important;
    color: #8ea0ff !important;
}
@media(max-width: 768px){
    .storyos-st-final-a { padding: 20px !important; }
    .storyos-st-final-a .storyos-st-final-head { flex-direction: column !important; gap: 10px !important; }
    .storyos-st-final-a .storyos-st-final-chips button[data-st-setting-toggle] { margin-left: 0 !important; }
    .storyos-st-final-seg em { display: none; }
}

/* StoryOS V2.0.17.35：结构模块字体减重与层级统一版
   目标：让结构模块继续对齐故事设计 / 人物设计模块的轻量字体逻辑，降低编辑卡工具感。 */
.storyos-st-final-a .storyos-st-edit-card,
.storyos-st-final-a .storyos-st-current-editor {
    border-color: #edf1f6 !important;
    border-radius: 14px !important;
    padding: 15px 16px !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* 当前阶段标题：拆掉整行重粗体感 */
.storyos-st-final-a .storyos-st-current-editor .storyos-st-edit-head {
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 13px !important;
}

.storyos-st-final-a .storyos-st-current-editor .storyos-st-edit-head strong,
.storyos-st-final-a .storyos-st-edit-head strong[data-st-edit-title] {
    color: #2f3745 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

.storyos-st-final-a .storyos-st-edit-head strong[data-st-edit-title]::first-letter {
    letter-spacing: 0 !important;
}

/* 节点操作：辅助文字链，默认不抢眼 */
.storyos-st-final-a .storyos-st-stage-actions {
    gap: 12px !important;
    margin-left: auto !important;
}

.storyos-st-final-a .storyos-st-stage-actions button {
    color: #8a95a5 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    padding: 1px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.storyos-st-final-a .storyos-st-stage-actions button:hover {
    color: #4682b4 !important;
    text-decoration: none !important;
}

.storyos-st-final-a .storyos-st-stage-actions button.danger {
    color: #c98a8a !important;
    font-weight: 500 !important;
}

.storyos-st-final-a .storyos-st-stage-actions button.danger:hover {
    color: #b94a4a !important;
}

/* 编辑字段：label 更像辅助说明，输入内容不再像标题 */
.storyos-st-final-a .storyos-st-edit-grid,
.storyos-st-final-a .storyos-st-edit-grid-lite {
    gap: 12px 16px !important;
    margin-bottom: 10px !important;
}

.storyos-st-final-a .storyos-st-edit-grid label,
.storyos-st-final-a .storyos-st-edit-grid-lite label {
    gap: 7px !important;
    color: #8c96a5 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.storyos-st-final-a .storyos-st-edit-grid input,
.storyos-st-final-a .storyos-st-edit-grid-lite input {
    height: 40px !important;
    border-color: #dfe5ec !important;
    border-radius: 11px !important;
    color: #2f3745 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    padding: 0 13px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.storyos-st-final-a .storyos-st-edit-grid input:focus,
.storyos-st-final-a .storyos-st-edit-grid-lite input:focus {
    border-color: #9fc1df !important;
    box-shadow: 0 0 0 3px rgba(70,130,180,.08) !important;
}

.storyos-st-final-a .storyos-st-edit-grid input::placeholder,
.storyos-st-final-a .storyos-st-edit-grid-lite input::placeholder {
    color: #b8bec8 !important;
    font-weight: 400 !important;
}

/* 细节设置：从“主入口”降为轻量高级项 */
.storyos-st-final-a .storyos-st-adv-toggle {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #eef2f6 !important;
    color: #5f8fb8 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.storyos-st-final-a .storyos-st-adv-toggle span {
    color: #98a2b2 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.storyos-st-final-a .storyos-st-adv-toggle:hover {
    color: #4682b4 !important;
}

/* 高级标签与输入区同步减重 */
.storyos-st-final-a .storyos-st-adv-tabs button,
.storyos-st-final-a .storyos-st-focus-row button,
.storyos-st-final-a .storyos-st-tag-bank button,
.storyos-st-final-a .storyos-st-custom-trigger {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6f7b8c !important;
}

.storyos-st-final-a .storyos-st-adv-tabs button.on,
.storyos-st-final-a .storyos-st-focus-row button.on,
.storyos-st-final-a .storyos-st-tag-bank button.on {
    color: #4682b4 !important;
    font-weight: 600 !important;
}

.storyos-st-final-a .storyos-st-adv-panel textarea {
    min-height: 66px !important;
    border-color: #dfe5ec !important;
    border-radius: 11px !important;
    color: #3a3d44 !important;
    background: #fff !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    padding: 10px 12px !important;
}

.storyos-st-final-a .storyos-st-adv-panel textarea::placeholder {
    color: #aeb5c0 !important;
    font-weight: 400 !important;
}

.storyos-st-final-a .storyos-st-adv-panel textarea:focus {
    border-color: #9fc1df !important;
    box-shadow: 0 0 0 3px rgba(70,130,180,.08) !important;
}

/* 时间线局部文字也同步降权，避免节点比模块标题更抢眼 */
.storyos-st-final-a .storyos-st-final-labels,
.storyos-st-final-a .storyos-st-track-help {
    color: #a8b0bd !important;
    font-weight: 400 !important;
}

.storyos-st-final-a .storyos-st-final-seg em {
    color: #8f98a6 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}

.storyos-st-final-a .storyos-st-final-seg.active em,
.storyos-st-final-a .storyos-st-final-seg:hover em {
    color: #4682b4 !important;
    font-weight: 500 !important;
}

/* 摘要 chip 保持轻量，避免和编辑卡抢视觉 */
.storyos-st-final-a .storyos-st-chip,
.storyos-st-final-a .storyos-st-chip strong,
.storyos-st-final-a .storyos-st-final-chips button[data-st-setting-toggle] {
    font-weight: 500 !important;
}

.storyos-st-final-a .storyos-st-chip[data-st-chip="spine"] strong {
    font-weight: 600 !important;
}

@media(max-width: 980px){
    .storyos-st-final-a .storyos-st-current-editor .storyos-st-edit-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    .storyos-st-final-a .storyos-st-stage-actions {
        margin-left: 0 !important;
        gap: 10px !important;
    }
}

html.dark-mode .storyos-st-final-a .storyos-st-edit-card,
html.dark-mode .storyos-st-final-a .storyos-st-current-editor,
html.dark-mode .storyos-st-final-a .storyos-st-edit-grid input,
html.dark-mode .storyos-st-final-a .storyos-st-edit-grid-lite input,
html.dark-mode .storyos-st-final-a .storyos-st-adv-panel textarea {
    background: #1a1b2e !important;
    border-color: #2a2b40 !important;
    color: #cfd5ea !important;
}

html.dark-mode .storyos-st-final-a .storyos-st-current-editor .storyos-st-edit-head strong,
html.dark-mode .storyos-st-final-a .storyos-st-edit-head strong[data-st-edit-title] {
    color: #e0e4f8 !important;
}

html.dark-mode .storyos-st-final-a .storyos-st-edit-grid label,
html.dark-mode .storyos-st-final-a .storyos-st-edit-grid-lite label,
html.dark-mode .storyos-st-final-a .storyos-st-stage-actions button,
html.dark-mode .storyos-st-final-a .storyos-st-adv-toggle span {
    color: #6b7299 !important;
}

/* StoryOS V2.0.17.36：人物设计库导入按钮轻量化｜对齐“从故事灵感库 / 从白板结构导入” */
.storyos-cc-va .va-top-cc {
    align-items: flex-start !important;
}

.storyos-cc-va .va-cc-import {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    flex-shrink: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    padding: 4px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4682b4 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: opacity .15s ease, color .15s ease !important;
}

.storyos-cc-va .va-cc-import:hover {
    opacity: .72 !important;
    color: #4682b4 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
}

.storyos-cc-va .va-cc-import svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

html.dark-mode .storyos-cc-va .va-cc-import,
html.dark-mode .storyos-cc-va .va-cc-import:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #7fa9ce !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .storyos-cc-va .va-cc-import {
        height: auto !important;
        padding: 4px 0 !important;
        font-size: 12.5px !important;
    }
    .storyos-cc-va .va-cc-import svg {
        width: 14px !important;
        height: 14px !important;
    }
}


/* StoryOS V2.0.17.37：强制修复人物设计库导入入口｜彻底取消大号描边按钮，统一为轻量蓝色导入入口 */
.storyos-sc-va.storyos-cc-va .va-top-cc {
    align-items: flex-start !important;
}

.storyos-sc-va.storyos-cc-va button.va-cc-import,
.storyos-sc-va.storyos-cc-va .va-cc-import,
.storyos-sc-va.storyos-cc-va button.va-import.va-cc-import {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    outline: 0 !important;
    background: transparent !important;
    color: #4682b4 !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    user-select: none !important;
    transform: none !important;
    transition: background .15s ease, color .15s ease, opacity .15s ease !important;
}

.storyos-sc-va.storyos-cc-va button.va-cc-import:hover,
.storyos-sc-va.storyos-cc-va .va-cc-import:hover,
.storyos-sc-va.storyos-cc-va button.va-import.va-cc-import:hover {
    opacity: 1 !important;
    background: #eef4fa !important;
    color: #2d5878 !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
}

.storyos-sc-va.storyos-cc-va button.va-cc-import svg,
.storyos-sc-va.storyos-cc-va .va-cc-import svg,
.storyos-sc-va.storyos-cc-va button.va-import.va-cc-import svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

html.dark-mode .storyos-sc-va.storyos-cc-va button.va-cc-import,
html.dark-mode .storyos-sc-va.storyos-cc-va .va-cc-import,
html.dark-mode .storyos-sc-va.storyos-cc-va button.va-import.va-cc-import {
    background: transparent !important;
    color: #7fa9ce !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.dark-mode .storyos-sc-va.storyos-cc-va button.va-cc-import:hover,
html.dark-mode .storyos-sc-va.storyos-cc-va .va-cc-import:hover,
html.dark-mode .storyos-sc-va.storyos-cc-va button.va-import.va-cc-import:hover {
    background: rgba(70,130,180,.15) !important;
    color: #a8c3dd !important;
}


/* StoryOS V2.0.17.38：结构设计骨架选择轻量化｜取消横跨整行的大下拉框 */
.storyos-st-final-a .storyos-st-compact-control-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 2px 0 20px !important;
}

.storyos-st-final-a .storyos-st-compact-control-row .storyos-st-section-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 4px 0 0 !important;
    flex: 0 0 auto !important;
}

.storyos-st-final-a .storyos-st-compact-control-row .storyos-st-section-label {
    white-space: nowrap !important;
}

.storyos-st-final-a .storyos-st-template-picker-final {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    gap: 0 !important;
}

.storyos-st-final-a .storyos-st-template-picker-final select {
    width: auto !important;
    min-width: 132px !important;
    max-width: 188px !important;
    height: 34px !important;
    padding: 0 30px 0 13px !important;
    border: 1px solid #e7edf4 !important;
    border-radius: 999px !important;
    background: #f5f8fc !important;
    color: #5f6b7a !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 34px !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}

.storyos-st-final-a .storyos-st-template-picker-final select:focus {
    border-color: #9fc2df !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(70,130,180,.10) !important;
}

.storyos-st-final-a .storyos-st-template-picker-final .storyos-st-select-chevron {
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #8b96a6 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.storyos-st-final-a .storyos-st-compact-control-row .storyos-st-soft-setting,
.storyos-st-final-a .storyos-st-compact-control-row .storyos-st-final-chips {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    flex: 1 1 360px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.storyos-st-final-a .storyos-st-compact-control-row .storyos-st-chip {
    display: inline-flex !important;
    align-items: center !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f1f4f8 !important;
    color: #8d97a6 !important;
    white-space: nowrap !important;
}

.storyos-st-final-a .storyos-st-compact-control-row .storyos-st-chip strong {
    color: inherit !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.storyos-st-final-a .storyos-st-compact-control-row [data-st-setting-toggle] {
    margin-left: auto !important;
    height: 34px !important;
    padding: 0 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #4f87b6 !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.storyos-st-final-a .storyos-st-compact-control-row [data-st-setting-toggle]:hover {
    color: #2f668f !important;
}

@media (max-width: 900px) {
    .storyos-st-final-a .storyos-st-compact-control-row {
        align-items: flex-start !important;
    }
    .storyos-st-final-a .storyos-st-compact-control-row .storyos-st-soft-setting,
    .storyos-st-final-a .storyos-st-compact-control-row .storyos-st-final-chips {
        flex-basis: 100% !important;
    }
    .storyos-st-final-a .storyos-st-compact-control-row [data-st-setting-toggle] {
        margin-left: 0 !important;
    }
}

html.dark-mode .storyos-st-final-a .storyos-st-template-picker-final select {
    border-color: rgba(148,163,184,.24) !important;
    background: rgba(148,163,184,.10) !important;
    color: #d7e0ea !important;
}

html.dark-mode .storyos-st-final-a .storyos-st-compact-control-row .storyos-st-chip {
    background: rgba(148,163,184,.12) !important;
    color: #aebdcc !important;
}


/* StoryOS V2.0.17-42：修复导入按钮跑位｜三大设计模块标题区统一右侧对齐 */
.storyos-sc-va .storyos-unified-module-head,
.storyos-st-final-a .storyos-unified-module-head,
.storyos-cc-va .storyos-unified-module-head,
.storyos-sc-va .va-top,
.storyos-st-final-a .storyos-st-top,
.storyos-cc-va .va-top-cc {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin-bottom: 28px !important;
}

.storyos-sc-va .storyos-unified-module-head .va-title-block,
.storyos-cc-va .storyos-unified-module-head .va-title-block,
.storyos-st-final-a .storyos-unified-module-head > div:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.storyos-sc-va .storyos-unified-module-head > .storyos-module-import,
.storyos-cc-va .storyos-unified-module-head > .storyos-module-import,
.storyos-st-final-a .storyos-unified-module-head > .storyos-module-import,
.storyos-sc-va .va-top > .storyos-module-import,
.storyos-cc-va .va-top-cc > .storyos-module-import,
.storyos-st-final-a .storyos-st-top > .storyos-module-import {
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    margin: 6px 0 0 auto !important;
    white-space: nowrap !important;
}

.storyos-sc-va .va-top > .storyos-module-import,
.storyos-sc-va .storyos-unified-module-head > .storyos-module-import {
    transform: none !important;
}

@media (max-width: 760px) {
    .storyos-sc-va .storyos-unified-module-head,
    .storyos-st-final-a .storyos-unified-module-head,
    .storyos-cc-va .storyos-unified-module-head,
    .storyos-sc-va .va-top,
    .storyos-st-final-a .storyos-st-top,
    .storyos-cc-va .va-top-cc {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .storyos-sc-va .storyos-unified-module-head > .storyos-module-import,
    .storyos-cc-va .storyos-unified-module-head > .storyos-module-import,
    .storyos-st-final-a .storyos-unified-module-head > .storyos-module-import,
    .storyos-sc-va .va-top > .storyos-module-import,
    .storyos-cc-va .va-top-cc > .storyos-module-import,
    .storyos-st-final-a .storyos-st-top > .storyos-module-import {
        margin: 0 !important;
    }
}

/* StoryOS V2.0.17-43：白板结构骨架导入弹窗微交互 */
.storyos-st-import-modal [data-st-import-item="1"]:hover{
    border-color:#b9cddd!important;
    box-shadow:0 8px 22px rgba(70,130,180,.12)!important;
    transform:translateY(-1px);
}
.storyos-st-import-modal .storyos-st-import-box{
    animation:storyosPromptPop .2s cubic-bezier(.2,.8,.2,1);
}
html.dark-mode .storyos-st-import-modal .storyos-st-import-box,
html.dark-mode .storyos-st-import-modal .storyos-st-import-box > div{
    background:#1a1b2e!important;
    border-color:#2a2b40!important;
}
html.dark-mode .storyos-st-import-modal [data-st-import-item="1"]{
    background:#202236!important;
    border-color:#2a2b40!important;
    color:#e0e4f8!important;
}

/* 生成按钮 款1：Gemini 星芒图标 */
.saas-v29-action-spark{flex-shrink:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.saas-v29-action-btn:hover .saas-v29-action-spark{transform:rotate(90deg) scale(1.12)}
.saas-v29-action-label{font-size:15px;font-weight:700}