#appView .tc5-preserved-nav-scroll{min-height:0!important;max-height:var(--tc5-nav-height)!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-width:thin}
/* All rules are scoped to new V5 nodes; no generic .page/.nav/button overrides. */
button.tc5-nav {
  display:block; box-sizing:border-box; width:100%; min-height:42px; padding:10px 14px;
  margin:0; border:0; border-radius:7px; background:transparent; color:#a6b5c0;
  font:inherit; font-size:13px; line-height:1.5; text-align:left; cursor:pointer;
}
button.tc5-nav:hover,button.tc5-nav:focus-visible {background:#19222b;color:#f0f4f7;outline:1px solid #516478;outline-offset:-1px}
button.tc5-nav[aria-current="page"] {background:#1b2832;color:#f4f7fa;box-shadow:inset 2px 0 #8babbf}
#tc5-root {
  --tc5-bg:#0d1319; --tc5-panel:#121b23; --tc5-line:#2a3844; --tc5-text:#e8eef2; --tc5-muted:#a3b2be;
  display:none; position:fixed; z-index:45; top:0; right:0; bottom:0; left:var(--tc5-left,236px);
  overflow:auto; overscroll-behavior:contain; background:var(--tc5-bg); color:var(--tc5-text);
  font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.65; text-align:left;
}
#tc5-root[data-open="true"] {display:block}
#tc5-root *,#tc5-root *::before,#tc5-root *::after {box-sizing:border-box}
#tc5-root [hidden] {display:none!important}
#tc5-root .tc5-wrap {max-width:1320px;margin:0 auto;padding:28px 32px 48px;min-width:0}
#tc5-root .tc5-top {display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap}
#tc5-root .tc5-brand {font-size:11px;letter-spacing:.18em;color:#9eafbd;line-height:2}
#tc5-root .tc5-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap}
#tc5-root h1 {font-size:30px;line-height:1.3;font-weight:560;letter-spacing:-.035em;margin:7px 0 12px;color:#f2f6f9}
#tc5-root h2 {font-size:18px;line-height:1.5;font-weight:550;margin:0 0 10px;color:#eaf0f4}
#tc5-root h3 {font-size:15px;line-height:1.5;font-weight:560;margin:0 0 8px}
#tc5-root p {margin:0 0 12px;max-width:80ch;overflow-wrap:anywhere}
#tc5-root .tc5-muted {color:var(--tc5-muted)}
#tc5-root .tc5-small {font-size:12px;color:var(--tc5-muted)}
#tc5-root .tc5-hero {margin-bottom:22px;max-width:930px}
#tc5-root .tc5-eyebrow {font-size:10px;letter-spacing:.17em;color:#9fb2c0}
#tc5-root .tc5-state {padding:5px 9px;border:1px solid #415261;border-radius:6px;color:#cbd6df;background:#17222c;font-size:11px;white-space:normal}
#tc5-root .tc5-notice {display:flex;gap:14px;align-items:flex-start;padding:13px 15px;margin:16px 0 22px;border:1px solid #3d4b57;border-radius:10px;background:#141f29;color:#bdcbd5;font-size:12px}
#tc5-root .tc5-notice b {font-weight:550;color:#e2eaf0;white-space:nowrap}
#tc5-root .tc5-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#tc5-root .tc5-card {padding:22px;border:1px solid var(--tc5-line);border-radius:12px;background:var(--tc5-panel);display:flex;flex-direction:column;min-width:0}
#tc5-root .tc5-card .tc5-card-top {display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;min-height:22px}
#tc5-root .tc5-card h2 {font-size:20px;margin-bottom:9px}
#tc5-root .tc5-card p {font-size:13px;color:#aebdc8;margin-bottom:14px;min-height:43px}
#tc5-root .tc5-card .tc5-card-bottom {margin-top:auto;padding-top:18px}
#tc5-root .tc5-tags {display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 0}
#tc5-root .tc5-tag {padding:3px 7px;border:1px solid #2c3b47;border-radius:5px;color:#afbec9;font-size:11px}
#tc5-root button.tc5-button {appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 13px;border:1px solid #445664;border-radius:7px;background:#1b2a35;color:#e5eef4;font:inherit;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer;white-space:normal}
#tc5-root button.tc5-button:hover:not(:disabled) {background:#263b4a;border-color:#6c899e}
#tc5-root button.tc5-button:focus-visible,#tc5-root input:focus-visible,#tc5-root textarea:focus-visible,#tc5-root select:focus-visible {outline:2px solid #88afc7;outline-offset:2px}
#tc5-root button.tc5-button.tc5-primary {background:#b7cddd;color:#0c1720;border-color:#b7cddd}
#tc5-root button.tc5-button.tc5-primary:hover:not(:disabled) {background:#d6e3ec}
#tc5-root button.tc5-button.tc5-quiet {background:transparent;border-color:#35434f;color:#b7c8d5}
#tc5-root button.tc5-button:disabled {cursor:not-allowed;opacity:.48}
#tc5-root .tc5-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}
#tc5-root .tc5-box {min-width:0;padding:20px;border:1px solid var(--tc5-line);border-radius:10px;background:#111a22;margin-bottom:16px}
#tc5-root .tc5-box p:last-child {margin-bottom:0}
#tc5-root .tc5-detail-line {padding:7px 0;border-bottom:1px solid #263440;color:#b8c7d2;font-size:13px}
#tc5-root .tc5-detail-line:last-child {border-bottom:0}
#tc5-root .tc5-flow {display:flex;gap:10px;flex-wrap:wrap;color:#aabdc9;font-size:12px;padding:17px 0;margin:8px 0}
#tc5-root .tc5-flow span {border:1px solid #33444f;padding:6px 10px;border-radius:6px}
#tc5-root .tc5-tabs {display:flex;gap:8px;overflow-x:auto;max-width:100%;margin:18px 0;scrollbar-width:thin}
#tc5-root .tc5-tabs button {flex:0 0 auto}
#tc5-root .tc5-tabs button[aria-selected="true"] {background:#2b414f;border-color:#67899f;color:white}
#tc5-root .tc5-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}
#tc5-root .tc5-field {display:block;min-width:0}
#tc5-root .tc5-field.tc5-full {grid-column:1 / -1}
#tc5-root .tc5-field>span {display:block;font-size:12px;color:#c5d3dc;margin:0 0 6px}
#tc5-root input:not([type="checkbox"]),#tc5-root select,#tc5-root textarea {display:block;width:100%;min-width:0;background:#0d151d;border:1px solid #3b4b57;border-radius:7px;color:#e0eaf1;font:inherit;font-size:13px;line-height:1.6;padding:9px 11px;margin:0;writing-mode:horizontal-tb}
#tc5-root input::placeholder,#tc5-root textarea::placeholder {color:#758b9b}
#tc5-root textarea {resize:vertical;min-height:100px}
#tc5-root input[type="file"] {white-space:normal;padding:12px}
#tc5-root input[type="checkbox"] {width:16px;height:16px;accent-color:#8ba8bf;flex-shrink:0;margin:3px 8px 0 0}
#tc5-root .tc5-check {display:flex;align-items:flex-start;font-size:13px;margin:14px 0;color:#c7d4dd}
#tc5-root .tc5-empty {padding:27px 22px;border:1px dashed #3a4b59;border-radius:10px;color:#a8bbc9;background:#101923;margin:18px 0;max-width:100%}
#tc5-root .tc5-empty strong {display:block;font-size:15px;font-weight:550;color:#d7e3ec;margin:0 0 6px}
#tc5-root .tc5-empty p {font-size:13px;margin-bottom:0}
#tc5-root .tc5-toolbar {display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0 16px}
#tc5-root .tc5-table-wrap {overflow:auto;width:100%;border:1px solid #2e3e4b;border-radius:9px;margin:14px 0}
#tc5-root table {border-collapse:collapse;width:100%;font-size:12px;table-layout:auto;background:#101923}
#tc5-root th,#tc5-root td {padding:12px 13px;text-align:left;border-bottom:1px solid #2b3945;color:#bfccd6;vertical-align:top;overflow-wrap:anywhere;min-width:70px;max-width:320px}
#tc5-root th {background:#16222d;color:#dce6ee;font-weight:550}
#tc5-root tr:last-child td {border-bottom:0}
#tc5-root .tc5-review {margin:16px 0;border:1px solid #455663;border-radius:9px;padding:18px;background:#131e28}
#tc5-root .tc5-total {font-size:25px;letter-spacing:-.03em;color:#e8f1f7;margin:6px 0 14px}
#tc5-root .tc5-file {padding:11px 0;border-bottom:1px solid #2b3a46;display:flex;gap:10px;align-items:center;justify-content:space-between;overflow-wrap:anywhere}
#tc5-root .tc5-file .tc5-file-name {min-width:0;flex:1}
#tc5-root .tc5-banner {min-height:23px;color:#b7cedf;font-size:12px;overflow-wrap:anywhere;padding:8px 0}
#tc5-root .tc5-foot {margin-top:30px;padding-top:16px;border-top:1px solid #253440;color:#879cab;font-size:11px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
#tc5-root .tc5-episode {padding:16px;border:1px solid #354550;border-radius:9px;margin:14px 0;background:#111c25}
#tc5-root .tc5-unit {padding:15px;border:1px solid #2b3c49;border-radius:8px;margin:10px 0;background:#0d1720}
#tc5-root .tc5-unit .tc5-form-grid {gap:10px}
@media(max-width:1180px){#tc5-root .tc5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tc5-root .tc5-wrap{padding:24px}#tc5-root .tc5-columns{grid-template-columns:1fr}}
@media(max-width:759px){#tc5-root{left:0!important;z-index:150}#tc5-root .tc5-wrap{padding:19px 15px 30px}#tc5-root .tc5-grid,#tc5-root .tc5-form-grid{grid-template-columns:1fr}#tc5-root h1{font-size:25px}#tc5-root .tc5-card{padding:19px}#tc5-root .tc5-notice{display:block}#tc5-root .tc5-notice b{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){#tc5-root *,button.tc5-nav{scroll-behavior:auto!important;transition:none!important}}


/* ===== TOALDO_CONTENT_CREATION_NATIVE_DRAFT_CENTER_V8_20260923 ===== */
/* Content Creation is a native Client page. It must never cover or resize the Client sidebar. */
#tc5-root{
  --tc5-bg:transparent;
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
}
#tc5-root[data-open="false"]{display:none!important}
#tc5-root[data-open="true"]{display:block!important}
#tc5-root.tc5-native-page{margin:0!important;padding:0!important}
#tc5-root .tc5-wrap{max-width:none!important;margin:0!important;padding:0 0 48px!important}
#tc5-root h1,#tc5-root h2,#tc5-root h3,#tc5-root p,#tc5-root button,#tc5-root input,#tc5-root textarea,#tc5-root select{
  font-family:inherit!important;
  letter-spacing:normal!important;
}
#tc5-root .tc5-eyebrow{font-size:10px!important;line-height:1.5!important;letter-spacing:.14em!important;color:#86b7d7!important}
#tc5-root .tc5-native-page-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:4px 0 16px;border-bottom:1px solid #263640;margin-bottom:16px;
}
#tc5-root .tc5-native-page-head h1{margin:6px 0 0!important;font-size:18px!important;line-height:1.35!important;font-weight:700!important}
#tc5-root .tc5-native-page-head p{margin:4px 0 0!important;color:#8da2b1!important;font-size:11px!important;line-height:1.65!important}
#tc5-root .tc5-banner{min-height:0!important;margin:0!important;padding:0!important;font-size:11px!important;color:#9fb2c0!important}

#tc5-root .tc5-native-selector{
  border:1px solid #2b3a46;background:#101820;border-radius:12px;padding:16px;margin:0 0 18px;
}
#tc5-root .tc5-native-selector>h2{font-size:21px!important;line-height:1.35!important;margin:5px 0 14px!important;font-weight:700!important}
#tc5-root .tc5-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#tc5-root .tc5-target-card{
  display:flex;flex-direction:column;min-width:0;padding:15px 16px;border:1px solid #31414d;border-radius:8px;background:#0f171e;
}
#tc5-root .tc5-target-card.is-selected{border-color:#8eaec2;background:#14212b}
#tc5-root .tc5-target-card h3{font-size:14px!important;line-height:1.45!important;margin:7px 0 6px!important;font-weight:700!important;color:#f0f5f8}
#tc5-root .tc5-target-card p{font-size:11px!important;line-height:1.65!important;color:#91a5b3!important;margin:0 0 8px!important;min-height:36px}
#tc5-root .tc5-target-card .tc5-card-bottom{margin-top:auto;padding-top:12px}
#tc5-root .tc5-target-card .tc5-tag{font-size:10px!important;padding:2px 6px!important}
#tc5-root .tc5-current-selection{
  display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px 11px;border:1px solid #2d3b46;border-radius:7px;background:#0d151b;
  font-size:11px!important;
}
#tc5-root .tc5-current-selection span{color:#8196a4}
#tc5-root .tc5-current-selection strong{font-size:11px!important;color:#edf4f8}
#tc5-root .tc5-native-flow{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:7px 0 0;font-size:10px!important;color:#7f95a5;
}
#tc5-root .tc5-native-flow b{color:#dfe8ee;font-weight:650}
#tc5-root .tc5-native-flow i{font-style:normal;color:#54758b}

#tc5-root .tc5-native-intro{margin:22px 0 14px}
#tc5-root .tc5-native-intro h1{font-size:32px!important;line-height:1.15!important;margin:6px 0 12px!important;font-weight:700!important}
#tc5-root .tc5-native-intro p{font-size:12px!important;line-height:1.75!important;color:#94a8b6!important;max-width:900px;margin:0!important}
#tc5-root .tc5-notice{border-radius:7px!important;font-size:11px!important;margin:12px 0!important;padding:10px 12px!important}

#tc5-root .tc5-native-action-panel{
  display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 17px;border:1px solid #2c3b47;border-radius:10px;background:#101820;margin:14px 0 18px;
}
#tc5-root .tc5-native-action-panel h3{font-size:15px!important;margin:0 0 4px!important}
#tc5-root .tc5-native-action-panel p{font-size:11px!important;color:#879dab!important;margin:0!important}
#tc5-root .tc5-native-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 0 11px;
}
#tc5-root .tc5-native-section-head h2{font-size:22px!important;line-height:1.3!important;margin:4px 0 0!important;font-weight:700!important}
#tc5-root .tc5-draft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#tc5-root .tc5-draft-card{
  min-width:0;padding:16px;border:1px solid #2d3d49;border-radius:9px;background:#101920;
}
#tc5-root .tc5-draft-card h3{font-size:14px!important;line-height:1.45!important;margin:7px 0 7px!important}
#tc5-root .tc5-draft-card p{margin:3px 0!important}
#tc5-root .tc5-full-span{grid-column:1/-1}

#tc5-root button.tc5-button{
  min-height:34px!important;padding:7px 11px!important;border-radius:7px!important;font-size:11px!important;line-height:1.3!important;font-weight:600!important;
}
#tc5-root button.tc5-button.tc5-primary{background:#e8edf1!important;border-color:#e8edf1!important;color:#0b1116!important}
#tc5-root .tc5-state{font-size:10px!important;padding:4px 7px!important}
#tc5-root .tc5-small{font-size:10px!important}
#tc5-root .tc5-box{border-radius:9px!important}
#tc5-root .tc5-box h2{font-size:15px!important}
#tc5-root .tc5-form-grid label>span{font-size:11px!important}
#tc5-root input:not([type="checkbox"]),#tc5-root select,#tc5-root textarea{font-size:12px!important}
#tc5-root .tc5-foot{font-size:10px!important}

/* V5 used this class to resize the Client nav. V8 deliberately neutralizes it. */
#appView .tc5-preserved-nav-scroll{
  max-height:none!important;
  height:auto!important;
  overflow-y:auto!important;
}

@media(max-width:1100px){
  #tc5-root .tc5-draft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  #tc5-root .tc5-target-grid,#tc5-root .tc5-draft-grid{grid-template-columns:1fr}
  #tc5-root .tc5-native-action-panel{align-items:flex-start;flex-direction:column}
}
/* ===== /TOALDO_CONTENT_CREATION_NATIVE_DRAFT_CENTER_V8_20260923 ===== */


/* ===== TOALDO_CONTENT_CREATION_RUNTIME_INTERACTION_FINAL_V9_20260923 ===== */
/* Native Client page: never become a fixed overlay and never carry retired Storyspace decoration. */
#tc5-root{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  overflow:visible!important;
  background:transparent!important;
  pointer-events:auto!important;
}
#tc5-root .tc5-wrap{position:relative!important;z-index:0!important}
#tc5-root .tss-card::before,#tc5-root .tss-card::after,
#tc5-root [class*="tss"]::before,#tc5-root [class*="tss"]::after{
  content:none!important;display:none!important;opacity:0!important;text-shadow:none!important;
}
#tc5-root #tss-hero,#tc5-root #tss-extra,#tc5-root #tss-work-hint,
#tc5-root #toaldo-product-storyspace-minimal-v2{display:none!important;visibility:hidden!important;pointer-events:none!important}
#tc5-root .tc5-target-card{cursor:pointer;position:relative!important;isolation:isolate}
#tc5-root .tc5-target-card:focus-visible{outline:2px solid #88afc7!important;outline-offset:2px!important}
#tc5-root .tc5-target-card::before,#tc5-root .tc5-target-card::after{content:none!important;display:none!important}
#tc5-root button.tc5-button{pointer-events:auto!important;position:relative!important;z-index:2!important}
#tc5-root .tc5-native-action-panel{position:relative!important;z-index:1!important}
/* ===== /TOALDO_CONTENT_CREATION_RUNTIME_INTERACTION_FINAL_V9_20260923 ===== */