/* invitation-page.4793bcb6f7de0e17.css */
.iv-page{max-width:1240px;margin:auto;color:var(--theme-text,#eee);--iv-muted:var(--theme-text-muted,#b0a8c2);--iv-line:#a78add26}.iv-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border:1px solid #a77ee34d;border-radius:26px;background:radial-gradient(ellipse at 90% 5%,#965ae142,transparent 60%),linear-gradient(120deg,#251d35,#1c1c25);position:relative;overflow:hidden}.iv-hero h1{font-size:44px;line-height:1.25;color:#faf6ff;margin:18px 0}.iv-hero p{color:#c8bbde;font-size:16px}.iv-eyebrow{color:#d2b2ff;font-size:12px;letter-spacing:2px}.iv-preview{display:inline-block;padding:5px 10px;border-radius:6px;background:#ffffff0b;color:#cdbedd;font-size:12px}.iv-actions{display:flex;gap:12px;margin:22px 0 12px;flex-wrap:wrap}.iv-actions button{opacity:1!important;border:1px solid #b885ed!important;border-radius:12px;padding:14px 20px!important;color:#fff!important;background:linear-gradient(120deg,#743fbd,#a36ae6)!important;box-shadow:inset 0 1px #ffffff40;cursor:not-allowed}.iv-actions button+button{background:#ffffff08!important;color:#e0d0f3!important;border-color:#8b70b14d!important}.iv-hero small{color:#b3a4c8;font-size:11px}.iv-gift{width:240px;flex-shrink:0;text-align:center;color:#e4c58a;transform:rotate(5deg);border:1px solid #d9b9f844;background:linear-gradient(140deg,#ffffff12,#ffffff03);border-radius:26px;padding:26px;box-shadow:0 20px 50px #0002}.iv-gift svg{width:95px;filter:drop-shadow(0 4px 16px #d5b57c30)}.iv-gift strong{display:block;font-size:26px;margin:12px}.iv-gift span{font-size:13px;line-height:1.8;color:#c5b9d2}.iv-steps,.iv-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.iv-steps article{padding:20px;border-bottom:1px solid var(--iv-line)}.iv-steps b{font-size:14px;color:#b38cde}.iv-steps h3{font-size:17px}.iv-page p{line-height:1.8}.iv-steps p,.iv-rewards p,.iv-account p,.iv-rules p{font-size:12px;color:var(--iv-muted)}.iv-heading{display:flex;align-items:center;justify-content:space-between;margin-top:35px;gap:15px}.iv-heading h2,.iv-account h2,.iv-rules h2{font-size:22px}.iv-heading>span{color:var(--iv-muted);font-size:12px}.iv-rewards article{padding:25px;border-radius:19px;background:linear-gradient(135deg,#243347,#1d222d);border:1px solid #669cca40;transition:transform .2s,box-shadow .2s}.iv-rewards article:hover{transform:translateY(-4px);box-shadow:0 12px 26px #0002}.iv-rewards .iv-tier-creator{background:linear-gradient(135deg,#3e2d55,#25202f);border-color:#b782ed44}.iv-rewards .iv-tier-pro{background:linear-gradient(135deg,#453926,#2c261f);border-color:#ddbd6d44}.iv-tag{color:#a9c9ee;font-size:11px}.iv-tier-creator .iv-tag{color:#d1aaff}.iv-tier-pro .iv-tag{color:#e7c486}.iv-rewards h3{font-size:19px;margin:12px 0}.iv-rewards strong{font-size:38px;font-variant-numeric:tabular-nums;color:#e9e1f7}.iv-rewards strong small{display:block;font-size:11px;font-weight:400;color:#b5acc4;margin-top:4px}.iv-reward-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:16px 0}.iv-reward-pair span{font-size:12px;color:#beb3cd}.iv-reward-pair strong{display:block}.iv-account,.iv-rules{padding:28px;border:1px solid var(--iv-line);border-radius:20px;margin:24px 0;background:#ffffff03}.iv-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.iv-metrics div{padding:18px;background:#ffffff04;border-radius:12px}.iv-metrics span{color:var(--iv-muted);font-size:12px}.iv-metrics strong{display:block;font-size:30px;margin-top:8px}.iv-empty{text-align:center;border:1px dashed var(--iv-line);border-radius:12px;padding:25px;color:var(--iv-muted);font-size:12px}.iv-rules details{padding:16px 0;border-bottom:1px solid var(--iv-line)}.iv-rules summary{font-weight:600;cursor:pointer;font-size:14px}html[data-theme=light] .iv-page{--iv-muted:#71667e}html[data-theme=light] .iv-hero{background:radial-gradient(ellipse at 90% 5%,#c495ff55,transparent 60%),linear-gradient(120deg,#f0e6ff,#f9f6ff)}html[data-theme=light] .iv-hero h1{color:#382052}html[data-theme=light] .iv-hero p,html[data-theme=light] .iv-gift span,html[data-theme=light] .iv-hero small{color:#76618e}html[data-theme=light] .iv-eyebrow,html[data-theme=light] .iv-preview{color:#8050ae}html[data-theme=light] .iv-gift{color:#9c681e;background:#ffffff66}html[data-theme=light] .iv-actions button+button{color:#7146a1!important;background:#fff7!important}html[data-theme=light] .iv-rewards article{background:linear-gradient(135deg,#dfedff,#f8fbff)}html[data-theme=light] .iv-rewards .iv-tier-creator{background:linear-gradient(135deg,#ebdafa,#fcfaff)}html[data-theme=light] .iv-rewards .iv-tier-pro{background:linear-gradient(135deg,#f7e5bc,#fffcf7)}html[data-theme=light] .iv-rewards strong{color:#513365}html[data-theme=light] .iv-tag,html[data-theme=light] .iv-rewards strong small,html[data-theme=light] .iv-reward-pair span{color:#766283}@media(max-width:850px){.iv-gift{display:none}.iv-hero{padding:28px}.iv-hero h1{font-size:34px}.iv-rewards,.iv-steps{grid-template-columns:1fr}.iv-heading{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.iv-rewards article{transition:none!important;transform:none!important}}
.iv-live .iv-share-fields{display:flex;gap:12px;margin:20px 0 14px;max-width:740px}.iv-live .iv-share-fields label{display:block;flex:1;min-width:0;font-size:13px;color:inherit}.iv-live .iv-share-fields input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #a998d044;border-radius:12px;background:#10101944;color:inherit;font-size:15px;user-select:text}.iv-live .iv-share-fields .iv-code-field{flex:0 0 130px}.iv-live .iv-code-field input{font-weight:700;letter-spacing:2px}.iv-live .iv-actions button:not(:disabled){cursor:pointer;opacity:1}.iv-live .iv-actions button:disabled{opacity:.5!important;cursor:default}.iv-live .iv-actions button{min-width:0;padding:12px 22px}.iv-live .iv-record-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.iv-live .iv-record-title button{border:1px solid #a998d044;border-radius:10px;padding:8px 16px;background:transparent;color:inherit;cursor:pointer}.iv-live .iv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.iv-live .iv-empty{padding:28px 12px;color:var(--muted);text-align:center}.iv-live .form-message:empty{display:none}.iv-live .iv-rules p{line-height:1.7;color:var(--muted)}body.light-theme .iv-live .iv-share-fields input{background:#ffffffb3} @media(max-width:540px){.iv-live .iv-share-fields{flex-direction:column}.iv-live .iv-share-fields .iv-code-field{flex:auto}.iv-live .iv-actions{flex-wrap:wrap}.iv-live .iv-actions button{flex:1}.iv-live .iv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme=light] .iv-live{color:var(--theme-text,#382b46)}html[data-theme=light] .iv-live .iv-share-fields input{background:#ffffffb3;color:#382b46}html[data-theme=light] .iv-live .iv-share-fields label{color:#614c78}.iv-live .iv-metrics article{padding:18px;background:#ffffff04;border-radius:12px}
.iv-live table{color:inherit}

/* workbench-style-pack-3.2eb8988b026c317e.css */
/* account-dialog-premium.css */
#loginDialog{color-scheme:light;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 36px);padding:24px 26px 22px;overflow:auto;color:#17243a;border:1px solid rgba(255,255,255,.88);border-radius:22px;background:radial-gradient(circle at 92% 0%,rgba(77,171,255,.18),transparent 34%),radial-gradient(circle at 0% 100%,rgba(101,221,200,.14),transparent 32%),rgba(250,252,255,.94);box-shadow:0 32px 90px rgba(3,12,28,.42),inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
#loginDialog::backdrop{background:rgba(5,10,20,.58);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
#loginDialog .dialog-heading{margin:0 0 14px}#loginDialog .dialog-heading h2{margin:0;color:#142138;font-size:21px;font-weight:720;letter-spacing:-.45px}#loginDialog .dialog-heading button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(25,43,69,.06);color:#53637a;font-size:20px;line-height:32px}#loginDialog .dialog-heading button:hover{background:rgba(25,43,69,.11);color:#17243a}
#loginDialog .account-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;padding:4px;border:1px solid rgba(111,132,162,.16);border-radius:12px;background:rgba(225,232,242,.72);box-shadow:inset 0 1px 2px rgba(20,35,57,.04)}#loginDialog .account-mode-tabs button{height:34px;min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#708097;font-size:13px;font-weight:600;box-shadow:none}#loginDialog .account-mode-tabs button.active{background:rgba(255,255,255,.96);color:#1e4f7f;box-shadow:0 4px 14px rgba(48,77,115,.12),inset 0 0 0 1px rgba(255,255,255,.82)}
#loginDialog #accountDialogHint{margin:0 0 4px;color:#6f7e92;font-size:12px;line-height:1.65}#loginDialog form>label:not(.account-agreement){display:grid;gap:6px;margin-top:12px;color:#526278;font-size:12px;font-weight:550}#loginDialog form>label:not(.account-agreement)>input{box-sizing:border-box;width:100%;height:42px;min-height:42px;padding:8px 12px;border:1px solid #d8e0eb;border-radius:10px;outline:none;background:rgba(255,255,255,.9);color:#17243a;box-shadow:0 1px 2px rgba(20,35,57,.03);transition:border-color .18s,box-shadow .18s,background .18s}#loginDialog form>label:not(.account-agreement)>input::placeholder{color:#9aa7b8}#loginDialog form>label:not(.account-agreement)>input:focus{border-color:#55aee5;background:#fff;box-shadow:0 0 0 4px rgba(55,161,224,.12)}
#loginDialog .account-agreement{display:flex!important;align-items:center;gap:8px;margin:14px 0 2px;color:#6a788c;font-size:11.5px;font-weight:500;line-height:18px;white-space:nowrap}#loginDialog .account-agreement input[type=checkbox]{appearance:auto;display:inline-block;flex:0 0 15px;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;margin:0;accent-color:#178fd0}#loginDialog [hidden]{display:none!important}#loginDialog .form-message{min-height:18px;margin:7px 0 5px;color:#c04b5a;font-size:11.5px}
#loginDialog .primary.full{width:100%;height:43px;margin:0;padding:0 15px;border:1px solid rgba(12,139,205,.72);border-radius:11px;background:linear-gradient(135deg,#28b7e9,#0989d2);color:#fff;font-weight:700;letter-spacing:.1px;box-shadow:0 10px 24px rgba(7,139,209,.24),inset 0 1px 0 rgba(255,255,255,.32)}#loginDialog .primary.full:hover:not(:disabled){border-color:#067fc3;background:linear-gradient(135deg,#30c2ee,#087fc6);box-shadow:0 13px 28px rgba(7,139,209,.3),inset 0 1px 0 rgba(255,255,255,.35);transform:translateY(-1px)}#loginDialog .register-link{margin:12px 0 0;color:#8491a3;font-size:10.5px;line-height:1.55;text-align:center}
@media(max-width:480px){#loginDialog{width:calc(100vw - 24px);padding:21px 18px 19px;border-radius:18px}#loginDialog .account-agreement{white-space:normal}}@media(prefers-reduced-motion:reduce){#loginDialog *{transition:none!important}}

/* personal-entry-refinement.css */
.personal-settings{max-width:1180px;margin:auto}.personal-settings>.page-heading{margin-bottom:22px}.personal-profile{position:relative;overflow:hidden;padding:26px 30px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:20px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 40%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 91%,white 9%),var(--panel));box-shadow:0 14px 44px #0002}.personal-profile-head{display:flex;align-items:center;gap:15px}.personal-avatar{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#26a9e8,#5c74e7);color:white;font-size:26px;font-weight:650}.personal-avatar img,.top-actions .avatar img{width:100%;height:100%;object-fit:cover}.personal-profile-head>div{min-width:0}.personal-profile-head small{color:var(--accent);font-size:11px;letter-spacing:.08em}.personal-profile-head h2{margin:1px 0;font-size:22px;line-height:1.35}.personal-profile-head p{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.personal-plan{margin-left:auto;padding:5px 11px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent);font-size:11px;white-space:nowrap}.personal-profile form{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.personal-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.personal-profile-fields label{display:grid;align-content:start;gap:7px;color:var(--muted);font-size:12px}.personal-profile-fields input{width:100%;min-height:38px;padding:7px 10px}.personal-profile-fields input[type=file]{font-size:11px}.personal-profile-fields small{font-size:11px}.personal-profile-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.personal-profile-actions button{padding:6px 13px;font-size:12px}.personal-profile-actions #personalProfileStatus{font-size:12px;color:var(--muted)}.personal-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.personal-settings-block{padding:22px 24px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:17px;background:color-mix(in srgb,var(--panel) 75%,transparent)}.personal-settings-block h2{font-size:15px;margin:0 0 14px}.personal-settings-block>p{font-size:12px;color:var(--muted);margin-bottom:14px}.personal-settings-block .settings-row{padding:11px 0}.personal-logout{margin-top:16px;border:0;background:transparent;color:var(--muted);padding:3px 0;font-size:12px}.personal-logout:hover{color:var(--danger)}body:has(.personal-settings) #canvasAppearanceSettings{max-width:1180px;margin:18px auto 0;padding:22px 24px;border-radius:17px;background:color-mix(in srgb,var(--panel) 75%,transparent);border-color:color-mix(in srgb,var(--line) 70%,transparent)}body:has(.personal-settings) #canvasAppearanceSettings h2{font-size:15px}body:has(.personal-settings) .canvas-theme-choices{gap:12px;margin:14px 0}body:has(.personal-settings) .canvas-theme-choices button{padding:10px;background:color-mix(in srgb,var(--raised) 50%,transparent)}body:has(.personal-settings) .canvas-theme-preview{height:72px}body:has(.personal-settings) .canvas-theme-preview i{height:45px}body:has(.personal-settings) .canvas-theme-preview b{top:27px;height:30px}.personal-mini-tip{position:fixed;z-index:10001;pointer-events:none;padding:6px 10px;border:1px solid #ffffff2a;border-radius:7px;background:#253041ed;color:#eef4ff;font-size:11px;box-shadow:0 5px 18px #0004;animation:personalTip .2s ease-out}@keyframes personalTip{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.personal-activity-empty{min-height:310px;display:grid;align-content:center;justify-items:center;gap:7px;text-align:center;color:var(--muted)}.personal-activity-empty span{font-size:22px;color:var(--accent)}.personal-activity-empty strong{font-size:17px;color:var(--text);font-weight:550}.personal-activity-empty p{font-size:12px}@media(max-width:780px){.personal-settings-grid,.personal-profile-fields{grid-template-columns:1fr}.personal-profile{padding:22px}.personal-settings-block{padding:19px}}
.workspace:has(.iv-page) #main{max-width:none;width:100%;padding:18px 24px 40px}.workspace:has(.iv-page) .iv-page{max-width:none;width:100%}.workspace:has(.iv-page) .iv-hero{min-height:320px}
#personalAppearanceSlot #canvasAppearanceSettings{margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}#personalAppearanceSlot #canvasAppearanceSettings>h2,#personalAppearanceSlot #canvasAppearanceSettings>p:first-of-type{display:none}#personalAppearanceSlot .canvas-theme-choices{margin:10px 0}#personalAppearanceSlot #canvasAppearanceFeedback{font-size:11px}
.personal-activity-empty{min-height:52vh;align-content:center}.personal-activity-toast{position:fixed;z-index:10000;left:50%;bottom:22px;transform:translateX(-50%);padding:6px 11px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:99px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--muted);font-size:11px;box-shadow:0 6px 22px #0003}.personal-profile{background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 96%,white 4%),var(--panel));}.personal-profile::before{content:"";position:absolute;inset:0 0 auto;height:92px;opacity:.42;pointer-events:none;background-image:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 18%,transparent) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 10%,color-mix(in srgb,var(--accent) 12%,transparent) 0 1px,transparent 1.5px);background-size:18px 18px,26px 26px;mask-image:linear-gradient(to bottom,#000,transparent)}.personal-profile-head,.personal-profile form{position:relative;z-index:1}.personal-profile-fields{grid-template-columns:minmax(240px,390px) minmax(240px,390px);gap:14px}.personal-profile-fields input{max-width:390px}.personal-profile-fields input[type=file]{padding:5px 7px;background:color-mix(in srgb,var(--raised) 55%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:9px;color:var(--muted)}.personal-profile-fields input[type=file]::file-selector-button{margin-right:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:7px;padding:5px 9px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--text);font-size:11px;cursor:pointer}.personal-profile-fields input[type=file]::file-selector-button:hover{background:color-mix(in srgb,var(--accent) 22%,var(--panel))}
.personal-profile{background:linear-gradient(112deg,#202932 0%,#1b2028 46%,#20242b 100%)}.personal-profile::before{height:104px;opacity:.5;background-image:repeating-linear-gradient(135deg,transparent 0 10px,#9bd9ef18 10px 11px),linear-gradient(90deg,transparent,#b9e9ff10,transparent);background-size:auto,100% 100%;mask-image:linear-gradient(to bottom,#000,transparent)}.personal-activity-empty{width:100%;justify-items:center;text-align:center}.personal-activity-empty strong,.personal-activity-empty p{margin-inline:auto}.topbar{left:0;right:0;width:auto;padding-right:24px}.topbar-start{align-items:center}.sidebar-icon-button{display:grid;place-items:center;padding:0;width:34px;height:34px}.sidebar-icon-button svg{display:block;margin:auto}.top-actions #displayName{display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .avatar{border-radius:11px!important;overflow:hidden;box-shadow:0 0 0 1px #ffffff24}.breadcrumb{display:flex;align-items:center;gap:14px}.breadcrumb span{opacity:.45}.breadcrumb b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-gallery .cc-card-preview{position:relative;overflow:hidden;background:linear-gradient(135deg,#e8f7ff,#bde8fb 50%,#9ccce4)!important}.cc-gallery .cc-card-preview::before{content:"";position:absolute;inset:-18px;background:url('xiaoxiang-brand.png') center/120px no-repeat;filter:blur(18px);opacity:.36}.cc-gallery .cc-cover-empty{position:relative;z-index:1;font-size:0;width:76px;height:76px;background:url('xiaoxiang-brand.png') center/contain no-repeat;filter:drop-shadow(0 8px 12px #317fa855)}.cc-gallery .cc-cover-caption{position:relative;z-index:1;color:#21435b!important;text-shadow:0 1px 1px #fff8}.cc-gallery>header{align-items:center}.cc-gallery>header h1{letter-spacing:.01em}.cc-gallery>header p{margin-top:5px}

/* workbench-shell-corrections.6aeb657c9b27b619.css */
/* Final workbench shell alignment; the content region owns vertical scrolling. */
@media (min-width:641px){
  html{overflow:hidden;scrollbar-gutter:auto}
  body{height:100dvh;overflow:hidden}
  body .workspace{height:100dvh!important;min-height:0!important;overflow:hidden}
  html body .workspace>.topbar,html body:has(.cc) .workspace>.topbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;flex:0 0 58px;z-index:55;overflow:visible!important}
  body .workspace>#main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
  body .workspace>#main:has(.cc){overflow:hidden}
  body .workspace>#main:has(.cloud-space-inline){overflow:hidden}
  body .workspace>#main .cloud-space-inline{height:calc(100dvh - 78px);min-height:0}
  body .workspace>.workspace-footer{flex:0 0 auto;padding-top:8px;padding-bottom:12px}
}
html body .topbar #sidebarToggle{width:32px!important;height:32px!important;min-width:32px;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1!important}
html body .topbar #sidebarToggle:hover{color:var(--text)!important;background:transparent!important}
html body .topbar #sidebarToggle svg{display:block;width:19px;height:19px;margin:0;transform:none}
html body:has(.cc) .topbar-start{padding-left:0!important}
html body:has(.cc) .topbar>.cc-head{padding-left:0!important;margin-left:0!important}
html body:has(.cc) .topbar>.cc-head .cc-workspace-links{margin-left:0!important;gap:12px!important}
html body:has(.cc) .topbar>.cc-head{flex:0 1 auto!important;width:auto!important;max-width:min(52vw,620px)!important;min-width:0!important;gap:10px!important;transform:none!important;position:static!important}
html body.workbench-nav-collapsed .workspace{margin-left:0!important}
html body.workbench-nav-collapsed .workspace>.topbar{width:100%!important}
html body .topbar-start{gap:10px!important;overflow:visible!important}
html body .topbar .breadcrumb,html body .topbar .breadcrumb.cc-breadcrumb{display:grid!important;grid-template-columns:74px 6px minmax(0,1fr);align-items:center;column-gap:5px!important;min-width:0;max-width:min(460px,40vw);font-size:12px!important;line-height:1.2;white-space:nowrap}
html body .topbar .breadcrumb>a{min-height:0;padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .topbar .breadcrumb>span{margin:0!important;text-align:center;font-size:12px;line-height:1}
html body .topbar .breadcrumb #crumb,html body .topbar .cc-breadcrumb #crumb{display:flex!important;align-items:center;gap:8px!important;width:auto!important;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;font-weight:600}
html body .topbar .cc-breadcrumb #crumb>a{min-height:0;padding:0;white-space:nowrap;font-weight:600}
html body .topbar .cc-breadcrumb #crumb .cc-crumb-separator{opacity:.5}
html body .topbar .cc-breadcrumb #crumb .cc-crumb-name{max-width:min(190px,17vw);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
html body .topbar #accountButton #displayName{display:block!important;max-width:105px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:has(.personal-activity-empty) .activity-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}
body:has(.personal-activity-empty) .personal-activity-empty{width:100%;min-width:0;min-height:calc(100dvh - 245px);place-content:center;justify-items:center;text-align:center}
body:has(.personal-activity-empty) .personal-activity-empty>*{justify-self:center}
/* Brand treatment is confined to empty cards; real covers remain untouched. */
html body .cc-gallery .cc-card-preview:not(.has-cover){background:linear-gradient(135deg,#25272b 0%,#1d1f23 52%,#292b2f 100%)!important}
html body .cc-gallery .cc-card-preview:not(.has-cover)::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 42%,#ffffff0c 42% 43%,transparent 43% 67%,#ffffff08 67% 68%,transparent 68%);opacity:.8}
html body .cc-gallery .cc-card-preview:not(.has-cover) .cc-cover-empty{width:68px;height:68px;filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 5px 11px #0008);opacity:.86}
html body .cc-gallery .cc-card-preview:not(.has-cover) .cc-cover-caption{color:#c9cbd0!important;text-shadow:none}
html body .cc-gallery .cc-card-preview.is-cover-loading{background:#24282d!important}
html body .cc-gallery .cc-card-preview.is-cover-loading::before{content:"";display:block;position:absolute;inset:0;opacity:1;background:linear-gradient(100deg,transparent 15%,#ffffff10 45%,transparent 75%);animation:cc-gallery-cover-wait 1.4s ease-in-out infinite}
html body .cc-gallery .cc-card-preview.is-cover-loading .cc-cover-empty{display:none}
html body .cc-gallery .cc-card-preview.is-cover-loading .cc-cover-caption{position:relative;color:#aab5c3!important}
@keyframes cc-gallery-cover-wait{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){html body .cc-gallery .cc-card-preview.is-cover-loading::before{animation:none}}
html body .cc-gallery .cc-card-preview.has-cover{background:#1d2024!important;background-image:none!important}
html body .cc-gallery .cc-card-preview.has-cover::before{content:none!important;display:none!important;background:none!important}
html body .cc-gallery .cc-card-preview.has-cover img{position:relative;z-index:1;filter:none!important;background:none!important}
html body .cc-gallery .cc-card-preview.has-cover img{mix-blend-mode:normal!important}
@media(max-width:950px){html body .topbar .breadcrumb,html body .topbar .breadcrumb.cc-breadcrumb{grid-template-columns:75px 8px minmax(0,1fr);max-width:280px}}
@media(max-width:640px){html body .topbar .breadcrumb,html body .topbar .breadcrumb.cc-breadcrumb{display:none!important}}
/* Stable breadcrumb slots and generous hit areas. */
html body .topbar #sidebarToggle{width:42px!important;height:36px!important;min-width:42px;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;display:grid!important;place-items:center!important}
html body .topbar .breadcrumb,html body .topbar .breadcrumb.cc-breadcrumb{grid-template-columns:96px 18px 116px minmax(82px,190px)!important;column-gap:0!important;max-width:430px!important}
html body .topbar .breadcrumb>a{min-height:30px!important;padding:0 9px!important;display:flex!important;align-items:center;border-radius:7px;transition:color .16s,background .16s}
html body .topbar .breadcrumb>a:hover,html body .topbar .cc-breadcrumb #crumb>a:hover{color:var(--accent)!important;background:var(--raised)}
html body .topbar .cc-breadcrumb .cc-personal-label{display:flex;align-items:center;min-height:30px;padding:0 9px;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .topbar .cc-breadcrumb .cc-personal-label:hover{color:var(--accent);background:var(--raised)}
html body .topbar .cc-breadcrumb #crumb>a{min-height:30px;padding:0 9px;display:flex;align-items:center;border-radius:7px}
html body:has(.cc) .topbar>.cc-head{width:430px!important;min-width:430px!important;max-width:430px!important;flex:0 1 auto!important;gap:10px!important;position:static!important;transform:none!important}
html body:has(.cc) .topbar>.cc-head .cc-workspace-links{width:232px!important;min-width:232px!important;display:grid!important;grid-template-columns:92px 128px!important;gap:0!important;border:0!important;padding:0!important}
html body:has(.cc) .topbar>.cc-head .cc-workspace-links strong,html body:has(.cc) .topbar>.cc-head .cc-workspace-links a{display:flex;align-items:center;min-width:0;padding:0 9px;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body:has(.cc) .topbar>.cc-head .cc-workspace-links a:hover{color:var(--accent);background:var(--raised)}
html body:has(.cc) .topbar>.cc-head .cc-project-title{width:180px!important;max-width:180px!important;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.workbench-nav-collapsed .workspace{margin-left:0!important}
@media(max-width:950px){html body .topbar .breadcrumb,html body .topbar .breadcrumb.cc-breadcrumb{grid-template-columns:82px 14px 100px minmax(70px,150px)!important;max-width:370px!important}html body:has(.cc) .topbar>.cc-head{width:330px!important;min-width:330px!important}.topbar>.cc-head .cc-workspace-links{width:190px!important;min-width:190px!important;grid-template-columns:78px 108px!important}}
/* Three explicit breadcrumb slots: personal space, creative space, current canvas. */
html body .topbar .breadcrumb.cc-breadcrumb{display:grid!important;grid-template-columns:116px 18px 116px 18px 170px!important;width:438px!important;max-width:438px!important;gap:0!important;align-items:center}
html body .topbar .breadcrumb.cc-breadcrumb>*{min-width:0!important;max-width:none!important;box-sizing:border-box}
html body .topbar .breadcrumb.cc-breadcrumb .cc-personal-label,html body .topbar .breadcrumb.cc-breadcrumb .cc-workspace-label,html body .topbar .breadcrumb.cc-breadcrumb .cc-crumb-name{width:100%!important;min-height:32px;padding:0 10px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:7px}
html body .topbar .breadcrumb.cc-breadcrumb .cc-personal-label,html body .topbar .breadcrumb.cc-breadcrumb .cc-workspace-label{font-weight:600;text-decoration:none}
html body .topbar .breadcrumb.cc-breadcrumb .cc-personal-label:hover,html body .topbar .breadcrumb.cc-breadcrumb .cc-workspace-label:hover{color:var(--accent);background:var(--raised)}
html body .topbar .breadcrumb.cc-breadcrumb .cc-crumb-separator{width:18px;text-align:center;opacity:.45}
html body .topbar .breadcrumb.cc-breadcrumb .cc-crumb-name{font-weight:600;color:var(--text)}
@media(max-width:950px){html body .topbar .breadcrumb.cc-breadcrumb{grid-template-columns:96px 14px 102px 14px 130px!important;width:356px!important;max-width:356px!important}}
/* Compact centered slots; #crumb remains in the DOM for the workbench router. */
html body .topbar .breadcrumb.cc-breadcrumb{display:grid!important;grid-template-columns:88px 14px minmax(0,1fr)!important;width:336px!important;max-width:336px!important;gap:0!important}
html body .topbar .breadcrumb.cc-breadcrumb #crumb{display:grid!important;grid-template-columns:90px 14px minmax(0,130px)!important;gap:0!important;width:234px!important;max-width:234px!important;min-width:0!important}
html body .topbar .breadcrumb.cc-breadcrumb .cc-personal-label,html body .topbar .breadcrumb.cc-breadcrumb .cc-workspace-label,html body .topbar .breadcrumb.cc-breadcrumb .cc-crumb-name{justify-content:center;text-align:center;padding:0 6px!important}
html body .topbar .breadcrumb.cc-breadcrumb .cc-crumb-separator{width:14px;text-align:center}
html body .topbar .breadcrumb.cc-breadcrumb #crumb:has(.cc-crumb-name:empty) .cc-crumb-separator{visibility:hidden}
@media(max-width:950px){html body .topbar .breadcrumb.cc-breadcrumb{grid-template-columns:78px 12px minmax(0,1fr)!important;width:290px!important;max-width:290px!important}html body .topbar .breadcrumb.cc-breadcrumb #crumb{grid-template-columns:80px 12px minmax(0,108px)!important;width:200px!important;max-width:200px!important}}
/* Final simple rail: toggle + level 1 + level 2 + level 3, all fixed slots. */
html body .topbar-start{display:flex!important;align-items:center!important;gap:0!important;width:500px!important;min-width:500px!important;flex:0 0 500px!important}
html body .topbar-start>#sidebarToggle{flex:0 0 42px!important;margin-right:8px!important}
html body .topbar-start>.breadcrumb,html body .topbar-start>.breadcrumb.cc-breadcrumb{display:grid!important;grid-template-columns:100px 26px 130px 26px 170px!important;width:452px!important;min-width:452px!important;max-width:452px!important;gap:0!important;justify-content:start!important}
html body .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:100px 26px 130px!important;width:256px!important;min-width:256px!important;max-width:256px!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb>#crumb{display:contents!important;width:auto!important;min-width:0!important;max-width:none!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb>.cc-personal-label,html body .topbar-start>.breadcrumb.cc-breadcrumb>.cc-workspace-label,html body .topbar-start>.breadcrumb.cc-breadcrumb>.cc-crumb-name,html body .topbar-start>.breadcrumb:not(.cc-breadcrumb)>#crumb{width:100%!important;min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 8px!important;border-radius:6px!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb>.cc-crumb-separator,html body .topbar-start>.breadcrumb:not(.cc-breadcrumb)>span{width:26px!important;text-align:center!important;opacity:.55}
html body .topbar-start>.breadcrumb a:hover,html body .topbar-start>.breadcrumb .cc-workspace-label:hover{color:var(--accent)!important;background:var(--raised)!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb>.cc-crumb-name{font-weight:600}
.cc-create-dialog{border:1px solid #ffffff18!important;background:linear-gradient(145deg,#20252df5,#171b21f7)!important;box-shadow:0 24px 70px #0008!important;backdrop-filter:blur(24px) saturate(1.08)!important}.cc-create-dialog h2{padding-bottom:10px;margin-bottom:4px!important;border-bottom:1px solid #ffffff18;letter-spacing:-.02em}.cc-create-dialog form>p{margin-bottom:10px!important;color:#aeb6c2!important}.cc-create-dialog label{margin-top:8px!important;margin-bottom:3px!important;color:#c5cbd4}.cc-create-dialog input:focus{outline:1px solid #55b9e366!important;outline-offset:1px;box-shadow:0 0 0 3px #55b9e314!important}.cc-create-location{background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;padding:5px}.cc-create-location span{border:0;background:transparent;padding:6px 8px}.cc-create-cloud{border:0!important;border-top:1px solid #ffffff18!important;border-radius:0!important;background:linear-gradient(135deg,#ffffff08,#ffffff03)!important;padding:12px 0 2px!important;margin:10px 0 2px!important}.cc-create-cloud label{color:#d4dae2}.cc-create-cloud p{margin-top:2px!important;line-height:1.45!important}.cc-create-cloud button{background:#ffffff08;border-color:#ffffff18}.cc-create-cloud button:hover{background:#ffffff12}.cc-create-dialog footer{border-top:1px solid #ffffff12;padding-top:12px;margin-top:7px}.cc-create-dialog footer .primary{background:#35a9df!important;border-color:#35a9df!important;color:#fff!important;box-shadow:0 5px 18px #35a9df2b}
.cc-create-dialog form>label input[name="canvasName"]{background:#343940!important;border-color:#555c66!important;color:#f0f3f6!important}.cc-create-location{background:transparent!important;border:0!important;padding:0!important}.cc-create-location span{border:1px solid #ffffff16!important;background:#ffffff04!important}.cc-create-cloud{background:transparent!important;border-top:1px solid #ffffff12!important}.cc-create-cloud label input[type="checkbox"]{appearance:none!important;width:17px!important;height:17px!important;min-height:17px!important;margin:0 7px 0 0!important;padding:0!important;border:1px solid #89919c!important;border-radius:4px!important;background:#30353b!important;box-shadow:none!important;vertical-align:middle}.cc-create-cloud label input[type="checkbox"]:checked{background:#35a9df!important;border-color:#35a9df!important}.cc-create-cloud label input[type="checkbox"]:checked::after{content:'✓';display:block;color:#fff;font-size:13px;line-height:15px;text-align:center}.cc-create-cloud label input[type="checkbox"]:focus{outline:0!important;box-shadow:none!important}.cc-create-cloud label:has(input[type="checkbox"]:checked){background:transparent!important;outline:0!important;box-shadow:none!important}.cc-create-dialog footer{border-top:0!important}
.cc-create-dialog{width:min(430px,calc(100vw - 32px))!important;padding:20px!important;border-radius:16px!important}.cc-create-dialog form{display:grid;gap:8px}.cc-create-dialog h2{font-size:18px}.cc-create-dialog form>p{font-size:12px;line-height:1.55}.cc-create-dialog label{margin-top:7px!important;font-size:12px}.cc-create-dialog input{min-height:36px!important}.cc-create-location{display:flex;align-items:center;gap:8px}.cc-create-location span{min-width:0;flex:1;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-create-location button,.cc-create-cloud button{padding:6px 9px;font-size:11px}.cc-create-cloud{display:grid;grid-template-columns:auto auto;gap:6px 9px;margin:5px 0;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.cc-create-cloud label{grid-column:1/-1;margin:0!important;font-weight:600}.cc-create-cloud span{align-self:center;min-width:0;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-create-cloud p{grid-column:1/-1;margin:0;font-size:11px;color:var(--muted);line-height:1.5}.cc-create-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.cc-create-dialog footer button{padding:7px 13px;font-size:12px}
/* Compact universal header. The action cluster always stays at the far right. */
html body .workspace>.topbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
html body .topbar-start{width:342px!important;min-width:342px!important;flex:0 0 342px!important}
html body .topbar-start>#sidebarToggle{width:34px!important;min-width:34px!important;height:32px!important;margin-right:4px!important}
html body .topbar-start>.breadcrumb,html body .topbar-start>.breadcrumb.cc-breadcrumb{grid-template-columns:72px 18px 88px 18px 110px!important;width:306px!important;min-width:306px!important;max-width:306px!important}
html body .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:72px 18px 88px!important;width:178px!important;min-width:178px!important;max-width:178px!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb>#crumb{grid-template-columns:88px 18px 110px!important;width:216px!important;max-width:216px!important}
html body .workspace>.topbar>.top-actions,html body .workspace>.topbar>.commerce-actions{margin-left:auto!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;justify-content:flex-end!important}
html body .workspace>.topbar>.top-actions>* ,html body .workspace>.topbar>.commerce-actions>*{flex-shrink:0!important}
@media(max-width:950px){html body .topbar-start{width:274px!important;min-width:274px!important;flex-basis:274px!important}html body .topbar-start>.breadcrumb.cc-breadcrumb{grid-template-columns:60px 14px 72px 14px 90px!important;width:250px!important;min-width:250px!important}html body .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:60px 14px 72px!important;width:146px!important;min-width:146px!important}}
/* Canvas has its own header node; anchor both header variants to the same coordinates. */
@media(min-width:951px){
  html body .workspace>.topbar{position:relative!important;display:block!important;padding-left:20px!important;padding-right:20px!important}
  html body .workspace>.topbar>.topbar-start{position:absolute!important;left:20px!important;top:50%;transform:translateY(-50%);margin:0!important}
  html body .workspace>.topbar>.top-actions,html body .workspace>.topbar>.commerce-actions{position:absolute!important;right:20px!important;top:50%;transform:translateY(-50%);margin:0!important}
  html body:has(.cc) .workspace>.topbar>.cc-head{position:absolute!important;left:362px!important;right:330px!important;top:50%;transform:translateY(-50%)!important;width:auto!important;min-width:0!important;max-width:none!important;height:36px!important;margin:0!important}
}
.stat-copyable{position:relative;cursor:default}.stat-copyable strong{user-select:text;-webkit-user-select:text}.stat-copyable>button{position:absolute;right:14px;bottom:12px;padding:4px 7px;border:0;background:transparent;color:var(--muted);font-size:11px}.stat-copyable>button:hover{color:var(--accent)}

/* canvas-site-palette.0fe55d1a8fe2ff68.css */
/* Keep window controls quiet; export is the colored primary action. */
html body :is(#ccTimelineEditor,.cte).cte>header>button:not(.cte-primary){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header>button:not(.cte-primary){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html body :is(#ccTimelineEditor,.cte).cte>header>button:not(.cte-primary):hover{background:transparent!important;border-color:transparent!important;color:#b7d9ff!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header>button:not(.cte-primary):hover{background:transparent!important;border-color:transparent!important;color:#1766ba!important}
html body :is(#ccTimelineEditor,.cte).cte>header>button.cte-primary{background:#2f6fa9!important;color:#fff!important;border-color:#4384bd!important}
html body :is(#ccTimelineEditor,.cte).cte>header>button.cte-primary:hover{background:#397fb9!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header>button.cte-primary{background:#afd2ff!important;color:#23588f!important;border-color:#90b9ec!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header>button.cte-primary:hover{background:#9ac5fc!important}
/* Light settings: tinted top/bottom rails frame the quieter form surface. */
html:root[data-theme=light] body .cc #ccInspector#ccInspector>.cc-work-tabs{background:#e0edff!important;background-image:none!important;border-bottom:1px solid #b9d0ee!important}
html:root[data-theme=light] body .cc #ccInspector#ccInspector>.cc-panel-run{background:#e7f1ff!important;background-image:none!important;border-top:1px solid #b9d0ee!important;box-shadow:0 -3px 12px #315d8d08!important}
html:root[data-theme=light] body .cc #ccInspector#ccInspector>.cc-panel-run select{background:#f4f8ff!important}
/* Island active = bordered hover; hover keeps the same fill without a border. */
html body .cc #ccLibrary#ccLibrary.cc-tool-island{--island-fill:#ffffff13;--island-edge:#ffffff30;--island-ink:#e1e8f0;gap:2px!important;padding:6px!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button{height:36px!important;min-height:36px!important;margin:0!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>.cc-island-group>summary{height:36px!important;min-height:36px!important;margin:0!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>.cc-menu-divider{margin:4px 7px!important}
html:root[data-theme=light] body .cc #ccLibrary#ccLibrary.cc-tool-island>button.cc-ai-tool:is(.active,:hover,:focus-visible){color:#235fa8!important}
html:root[data-theme=light] body .cc #ccLibrary#ccLibrary.cc-tool-island>button.cc-ai-tool>.cc-ai-lettermark{color:#286cb6!important;-webkit-text-fill-color:#286cb6!important;text-shadow:none!important;filter:none!important;background:none!important}
/* Video padding and review chrome follow the node's light palette. */
html:root[data-theme=light] body .cc .type-video,html:root[data-theme=light] body .cc .type-video :is(.cc-video-surface,.cc-media-surface,video){background:#e6f2ff!important}
html:root[data-theme=light] body .cc-video-player>video{background:#e6f2ff!important}
html:root[data-theme=light] body .cc-video-player :is(.cc-time-ruler,.cc-video-review-hint,.cc-video-review-status){color:#526e94!important;opacity:1!important}
html:root[data-theme=light] body .cc-video-player .cc-time-ruler{background-image:repeating-linear-gradient(90deg,#9db9db 0 1px,transparent 1px 16px)!important}
html:root[data-theme=light] body .cc-video-player .cc-filmstrip{background:#dceaff!important;border-color:#9fbfe5!important}
html:root[data-theme=light] body .cc-video-player button{color:#315e95!important}
html body .cc-video-player .cc-transport>[data-play]{background:#488fdb!important;color:#fff!important;border:1px solid #3980ca!important;border-radius:7px!important;min-width:36px!important}
html body .cc-video-player .cc-transport>[data-play]:hover{background:#367dc9!important}
html:root[data-theme=light] body .cc-video-player .cc-transport>[data-play]{color:#fff!important}
html:root[data-theme=light] body .cc-video-player [data-capture]{background:#dbeaff!important;border-color:#abc9eb!important;color:#2f639e!important}
html:root[data-theme=light] body .cc-video-player [data-capture]:hover{background:#cce2fc!important}
html:root[data-theme=light] body .cc #ccLibrary#ccLibrary.cc-tool-island{--island-fill:#dcecff;--island-edge:#9fc3f0;--island-ink:#235fa8}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button{border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;background-image:none!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button:is(:hover,:focus-visible),html body .cc #ccLibrary#ccLibrary.cc-tool-island>button.active{background:var(--island-fill)!important;color:var(--island-ink)!important;border-radius:10px!important;box-shadow:none!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button:is(:hover,:focus-visible){border-color:transparent!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button.active{border-color:var(--island-edge)!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button::before,html body .cc #ccLibrary#ccLibrary.cc-tool-island>button::after{display:none!important}
html body .cc #ccLibrary#ccLibrary.cc-tool-island>button:is(.active,:hover,:focus-visible) .cc-symbol{color:var(--island-ink)!important;transform:none!important}
/* The two compact hover actions adapt to the canvas palette. */
html:root[data-theme=light] body .cc .cc-asset-grid article>div:last-child button{background:#e8f2ff!important;border-color:#a9c9ee!important;box-shadow:0 1px 4px #234b7920!important}
html:root[data-theme=light] body .cc .cc-asset-grid article>div:last-child button::before{color:#2862a6!important}
html:root[data-theme=light] body .cc .cc-asset-grid article>div:last-child button:hover{background:#d2e6ff!important;border-color:#7da8df!important}
/* Control nodes use the standard 310 x 270 canvas footprint. */
html body .cc .cc-camera-studio>header{height:34px!important;flex:none!important;padding:0 12px!important;gap:6px!important}
html body .cc .cc-camera-studio>header strong{font-size:12px!important}
html body .cc .cc-camera-studio>header small{font-size:7px!important;letter-spacing:1px!important}
html body .cc .cc-camera-studio .cc-camera-scene{height:154px!important;flex:none!important;margin:0 8px!important;border-radius:8px!important;background:radial-gradient(ellipse at 50% 40%,#222426,#141618)!important}
html body .cc .cc-camera-studio .cc-camera-controls{height:62px!important;min-height:0!important;box-sizing:border-box!important;flex:none!important;margin:8px 10px 0!important;padding:8px!important;gap:6px 10px!important;border-radius:8px!important}
html body .cc .cc-camera-studio .cc-camera-controls label{height:18px!important;min-height:0!important;line-height:18px!important;grid-template-columns:24px minmax(0,1fr) 38px!important;gap:4px!important;font-size:9px!important}
html body .cc .cc-camera-studio .cc-camera-controls output{font-size:9px!important}
html body .cc .cc-camera-studio .cc-camera-hints{left:7px;right:7px;bottom:5px;gap:6px;font-size:7px;line-height:10px}
html:root[data-theme=light] body .cc .cc-camera-studio>header{background:#cfe6ff!important;color:#2b527f!important}
html:root[data-theme=light] body .cc .cc-camera-studio>header :is(strong,.cc-symbol){color:#2b527f!important}
html:root[data-theme=light] body .cc .cc-camera-studio>header small{color:#597a9e!important}
html:root[data-theme=light] body .cc .cc-camera-studio .cc-camera-scene{background:radial-gradient(ellipse at 50% 40%,#edf6ff,#d7e7f8)!important;box-shadow:inset 0 0 0 1px #adc9e54d}
html:root[data-theme=light] body .cc .cc-camera-studio .cc-camera-controls{background:#f1f7ff!important;border-color:#bed5ef!important}
html:root[data-theme=light] body .cc .cc-camera-studio .cc-camera-controls label{color:#4b6e97!important}
html:root[data-theme=light] body .cc .cc-camera-studio .cc-camera-controls output{color:#2b588b!important}
html:root[data-theme=light] body .cc .cc-camera-studio .cc-camera-hints{color:#4b6e97!important}
html:root[data-theme=light] body .cc .cc-camera-controls input[type=range]::-webkit-slider-runnable-track{background:#a9c7e9!important}
html:root[data-theme=light] body .cc .cc-camera-controls input[type=range]::-webkit-slider-thumb{background:#4e94dc!important;box-shadow:none!important}
html:root[data-theme=light] body .cc .cc-camera-controls input[type=range]::-moz-range-track{background:#a9c7e9!important}
html:root[data-theme=light] body .cc .cc-camera-controls input[type=range]::-moz-range-thumb{background:#4e94dc!important}
html:root[data-theme=light] body .cc .cc-camera-scene svg>text{fill:#4b6e97}
html:root[data-theme=light] body .cc .cc-camera-scene svg>g[fill=none]{stroke:#507ba9;opacity:.32}
html:root[data-theme=light] body .cc .cc-camera-scene svg>circle{stroke:#507ba9;stroke-opacity:.28}
html:root[data-theme=light] body .cc .cc-camera-scene svg>path{stroke:#6586a9}
html:root[data-theme=light] body .cc .type-camera .cc-camera-scene svg>path:last-of-type{stroke:#4484c5}
html:root[data-theme=light] body .cc .type-camera .cc-camera-scene svg>g:last-of-type{fill:#4b98e4;stroke:#2565a4}
html:root[data-theme=light] body .cc .type-lighting .cc-camera-scene svg>g:last-of-type{stroke:#9d7440}
/* Linked and current images share the same compact thumbnail card. */
html body .cc .cc-panel-refs>:is(span,.cc-self-reference){position:relative!important;inset:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;box-sizing:border-box!important;width:64px!important;height:80px!important;min-height:80px!important;flex:0 0 64px!important;padding:4px!important;border:1px solid #ffffff24!important;border-radius:7px!important;background:#ffffff06!important;color:#c4ced9!important}
html body .cc .cc-panel-refs>:is(span,.cc-self-reference)>img{width:54px!important;height:54px!important;flex:0 0 54px!important;object-fit:contain!important;border-radius:4px!important;background:#0002!important}
html body .cc .cc-panel-refs>:is(span,.cc-self-reference)>:is(b,small:not(.cc-empty-reference)){position:absolute!important;top:auto!important;bottom:4px!important;left:0!important;width:100%!important;padding:0!important;background:none!important;color:inherit!important;text-align:center!important;font-size:10px!important;line-height:12px!important;white-space:nowrap!important}
html:root[data-theme=light] body .cc .cc-panel-refs>:is(span,.cc-self-reference){background:#f2f7ff!important;border-color:#bfd5ef!important;color:#3b608a!important;box-shadow:none!important}
html:root[data-theme=light] body .cc .cc-panel-refs>:is(span,.cc-self-reference)>img{background:#e7f0fc!important}
html:root[data-theme=light] body .cc .cc-panel-refs>.cc-self-reference.active{background:#e3efff!important;border-color:#7fabdf!important}
html:root[data-theme=light] body .cc .cc-panel-refs>span>button{background:#e2edfc!important;color:#335f95!important}
/* Toolbar icons and pixel-aligned snap guides do not scale with time. */
html body .cte.cte .cte-toolbar>button:is(.cte-snap-toggle,[aria-label="移除画面间隙"]){display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-height:28px!important;padding:4px!important;line-height:1!important;flex:0 0 28px!important;border-radius:4px!important}
html body .cte.cte .cte-toolbar>button:is(.cte-snap-toggle,[aria-label="移除画面间隙"]) svg{display:block!important;width:18px!important;height:18px!important}
html body .cte.cte .cte-snap-guide{width:1px!important;min-width:1px!important;max-width:1px!important;border:0!important;background:#79a9d180!important;box-shadow:none!important;transform:none!important}
html body .cte.cte .cte-trim{background:transparent!important}
html body .cte.cte .cte-trim::after{content:'';position:absolute;top:0;bottom:0;width:1px;background:#c6d8ea55;pointer-events:none}
html body .cte.cte .cte-trim.left::after{left:0}
html body .cte.cte .cte-trim.right::after{right:0}
html:root[data-theme=light] body .cte.cte .cte-trim::after{background:#6f95bd55}
html:root[data-theme=light] body .cte.cte .cte-clip:not(.selected){border-color:#9bbbd980!important}
/* Empty media uses the existing brand silhouette, without a bright brand tile. */
html body :is(#ccTimelineEditor,.cte).cte>header{background:#25282e!important;color:#e5e9ef!important;border-bottom-color:#40454d!important}
html body :is(#ccTimelineEditor,.cte).cte>header small{color:#c2d8ed!important}
html body :is(#ccTimelineEditor,.cte).cte>header button{background:#ffffff12!important;color:#f5faff!important;border-color:#ffffff30!important}
html body :is(#ccTimelineEditor,.cte).cte>header button:hover{background:#ffffff24!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header{background:#c9e2ff!important;color:#284d75!important;border-bottom-color:#a5c8ed!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header small{color:#486b90!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header button{background:#edf5ff!important;color:#315b87!important;border-color:#abc9e9!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte>header button:hover{background:#dcecff!important}
/* Playback and snapping use one restrained active treatment. */
html body :is(#ccTimelineEditor,.cte).cte :is(.cte-snap-toggle,.cte-play-controls button[aria-label="循环播放"])[aria-pressed=true]{background:#355574!important;color:#c7dfff!important;border-color:#527495!important;box-shadow:none!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte :is(.cte-snap-toggle,.cte-play-controls button[aria-label="循环播放"])[aria-pressed=true]{background:#d8eaff!important;color:#315f92!important;border-color:#acc9e9!important;box-shadow:none!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte :is(.cte-snap-toggle,.cte-play-controls button[aria-label="循环播放"])[aria-pressed=true]:hover{background:#cce2fc!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-track-name>button[data-icon]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#aabacb!important}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte .cte-track-name>button[data-icon]{color:#476c96!important}
html:root[data-theme=light] body .cte.cte input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#8cb8e6 0 var(--range-fill,0%),#c6d9ef var(--range-fill,0%) 100%)!important}
html:root[data-theme=light] body .cte.cte input[type=range]::-webkit-slider-thumb{background:#e9f3ff!important;border-color:#7da5d1!important}
html:root[data-theme=light] body .cte.cte input[type=range]::-moz-range-track{background:#c6d9ef!important}
html:root[data-theme=light] body .cte.cte input[type=range]::-moz-range-progress{background:#8cb8e6!important}
html:root[data-theme=light] body .cte.cte input[type=range]::-moz-range-thumb{background:#e9f3ff!important;border-color:#7da5d1!important}
html:root[data-theme=light] body .cte.cte select{color-scheme:light}
html:root[data-theme=light] body .cte.cte select option{background:#edf5ff;color:#315b87}
html:root[data-theme=light] body .cte.cte select option:checked{background:#d8eaff;color:#245c99}
html body .cte .cte-snap-guide{position:absolute;top:0;bottom:0;width:1px;background:#398be1;pointer-events:none;z-index:55}
html body .xa-agent .xa-conv-head [data-xa-collapse]{position:relative;flex-shrink:0;padding:0!important;line-height:0}
html body .xa-agent .xa-conv-head [data-xa-collapse] svg{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:0;transform:translate(-50%,-50%)}
html body .xa-agent .xa-conv-head [data-xa-collapse] svg path{transform:translateX(1px)}
/* Canvas nodes pan/zoom as a whole; their column headings must not stick to the viewport. */
html body .cc .cc-node.type-storyboard .cc-storyboard-table-wrap table thead{display:table-header-group!important}
html body .cc .cc-node.type-storyboard .cc-storyboard-table-wrap table tbody{display:table-row-group!important}
html body .cc .cc-node.type-storyboard .cc-storyboard-table-wrap table thead th{position:relative!important;top:auto!important;bottom:auto!important}
/* Light canvas: distinguish cards from the pale stage without tinting media. */
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-zoom{background:#f4f8ff!important;color:#486782!important;border-color:#b9cee8!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-zoom button{color:#486782!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-zoom button:is(:hover,:focus-visible){color:#195d9e!important;background:#d1e5fb!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-zoom button:last-child{border-left-color:#bfd2ea!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.cc-node{
  background:#e6f2ff!important;background-image:none!important;color:#30445d!important;
  border-color:#a9cfee!important;box-shadow:0 4px 12px #304b6a16,inset 0 1px 0 #ffffff60!important;
}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node:is(:hover,.selected){
  border-color:#398be1!important;box-shadow:0 0 0 1px #398be14d,0 5px 15px #304b6a20!important;
}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node :is(header,footer){background:#cfe6ff!important;color:#30445d!important;border-color:#bdcadb!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-node-content{background:transparent!important;color:#30445d!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.cc-node :is(textarea,.cc-note-editor,[contenteditable=true]){background:#f4faff!important;color:#30445d!important;border-color:#c3cfdd!important;box-shadow:none!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node :is(.cc-media-surface:has(.cc-empty-core),.cc-video-surface:has(.cc-video-play),.cc-generator-core){background:#e6f2ff!important;color:#526983!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node :is(.cc-empty-media,.cc-empty-media em,.cc-empty-upload,.cc-empty-ability,.cc-video-play){color:#526983!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node :is(.cc-empty-image-icon,.cc-video-play svg){color:#367bbd!important;opacity:1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-empty-image-icon{stroke:currentColor!important;stroke-width:2!important;fill:none!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-video-play{color:#367bbd!important;opacity:1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-video-play::before{border-color:#367bbd!important;border-width:2px!important;background:none!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-video-play::after{border-color:#367bbd!important;border-width:2px!important;background:repeating-linear-gradient(60deg,#367bbd33 0 7px,transparent 7px 14px)!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node :is(.cc-media-status,.cc-category,.cc-type-icon){color:#3e6f9c!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-story-tool svg{color:#367bbd!important;stroke:#367bbd!important;opacity:1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.type-storyboard footer .cc-story-tool{width:24px;height:24px;min-height:24px;padding:4px!important;border-radius:4px}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-story-tool svg{width:16px;height:16px}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-story-tool-grid{stroke:#648bb2!important;stroke-width:1!important;opacity:.7!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-story-tool-axis{stroke:#2269ac!important;stroke-width:2!important;opacity:1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-story-tool-mark{stroke:#234b77!important;stroke-width:2.2!important;opacity:1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node .cc-story-tool:hover{background:#b7d6f5!important}
/* Only wire colors differ by theme; geometry and effects use shared styles. */
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-links .cc-edge-line{stroke:#6383a2!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-links .cc-edge.related .cc-edge-line{stroke:#398be1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-links .cc-edge:is(:hover,.selected) .cc-edge-line{stroke:#398be1!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-links .cc-link-preview{stroke:#527596!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-links .cc-light-stream path{stroke:#6793bc!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.type-storyboard>header{background:#cfe6ff!important;border-color:#bfd7f0!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.type-storyboard th{background:#e1eeff!important;color:#30445d!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.type-storyboard>footer{background:#edf5ff!important;color:#30445d!important;border-color:#d5e1ef!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .cc-node.type-storyboard td{background:#f4faff!important;color:#30445d!important;border-color:#ccd6e3!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .type-compare .cc-compare-surface{background:#e0edf9!important;border-color:#b8cee5!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .type-compare :is(.cc-compare-image,.cc-compare-empty){background:#e0edf9!important;color:#526983!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .type-compare .cc-compare-badge{background:#d6e7fa!important;color:#315c86!important;border-color:#abc8e6!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .type-compare .cc-compare-ref b{color:#3677b5!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .type-compare :is(.cc-compare-controls,.cc-compare-ref) button{color:#486782!important;border-radius:4px;background:transparent!important}
html:root[data-theme=light]:not([data-canvas-appearance="studio-gray"]) body .cc .type-compare :is(.cc-compare-controls,.cc-compare-ref) button:is(:hover,:focus-visible){color:#195d9e!important;background:#d1e5fb!important}
html body .cc-gallery .cc-card-preview:not(.has-cover){background:var(--theme-surface,var(--panel,#1c1e22))!important;background-image:none!important}
html body #main .cc-gallery .cc-card-preview.has-cover{position:relative;padding:0!important;overflow:hidden}
html body #main .cc-gallery .cc-card-preview.has-cover img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;border-radius:0;object-fit:cover!important;object-position:center}
html body .cc-gallery .cc-card-preview:not(.has-cover)::before{display:none!important}
html body .cc .cc-media-node header .cc-media-download{background:#267ed5!important;color:#fff!important;border-color:#267ed5!important}
html body .cc .cc-media-node header .cc-media-download:hover{background:#176dc2!important;border-color:#176dc2!important}
html body .workspace>#main .cc-gallery-content{scrollbar-width:none;scrollbar-gutter:auto}
html body .workspace>#main .cc-gallery-content::-webkit-scrollbar{display:none;width:0;height:0}
html body .cc .cc-history-item .cc-history-actions button{height:30px;min-height:30px;border:1px solid #ffffff24!important;border-radius:7px!important;background:#ffffff08!important;color:#dce3ed!important;box-shadow:none!important;padding:4px 5px;line-height:20px}
html:root[data-theme=light] body .cc .cc-history-item .cc-history-actions button{background:#e8f2ff!important;color:#315781!important;border-color:#a9c7ed!important}
html:root[data-theme=light] body .cc .cc-history-item .cc-history-actions button:hover:not(:disabled){background:#d7e9ff!important;border-color:#6e9ccc!important}
html body .cc .cc-bag-tray [data-cc="bag-close"]{display:inline-flex;align-items:center;gap:5px;min-height:24px;white-space:nowrap}
html body .cc .cc-bag-tray kbd{font:inherit;line-height:16px;padding:0 4px;border:1px solid currentColor;border-radius:3px;opacity:.85}
html body .cc .cc-bag-empty{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}
html body .cc .cc-bag-empty [data-cc="bag-close"]{font:inherit;padding:1px 5px;border:0;border-radius:5px;background:transparent;color:inherit;line-height:18px;flex-shrink:0}
html:root[data-theme=light] body .cc .cc-bag-empty [data-cc="bag-close"]:hover{background:#d1e5fb;color:#195d9e}
html:root[data-theme=light] body .cc .cc-bag-tray-head :is(b,span,small),html:root[data-theme=light] body .cc .cc-bag-empty,html:root[data-theme=light] body .cc .cc-bag-strip article>small{color:#365b85!important;font-size:11px}
html:root[data-theme=light] body .cc .cc-bag-tray-head button{color:#315781!important;background:#e1edfc!important;border:1px solid #aec8e8!important;border-radius:5px;box-shadow:none!important}
html:root[data-theme=light] body .cc .cc-bag-tray-head button:disabled{opacity:1;color:#6b7f97!important;background:#edf3fb!important;border-color:#c8d6e8!important}
html body .cc-gallery .cc-card-preview .cc-cover-empty.cc-brand-placeholder{display:block;width:64px;height:56px;flex:none;margin:0 auto 12px;background:var(--theme-text-muted,var(--muted,#a8adb5))!important;mask:url("xiaoxiangsu-logo-mark.png") center/contain no-repeat;-webkit-mask:url("xiaoxiangsu-logo-mark.png") center/contain no-repeat;filter:none!important;opacity:.28!important;border:0!important;box-shadow:none!important}
html body .cc-gallery .cc-card-preview:not(.has-cover) .cc-cover-caption{color:var(--theme-text-muted,var(--muted,#a8adb5))!important;font-size:12px}
html body .cc .cc-media-node>.cc-media-surface:has(.cc-empty-core),html body .cc .cc-media-node>.cc-video-surface:has(>.cc-video-play){background:var(--theme-surface,var(--panel,#1c1e22))!important;color:var(--theme-text-muted,var(--muted,#a8adb5))!important}
html body .cc .cc-empty-media :is(em,.cc-empty-upload,.cc-empty-ability){color:var(--theme-text-muted,var(--muted,#a8adb5))!important}
html body .cc .cc-empty-media{color:var(--theme-text-muted,var(--muted,#a8adb5));background:transparent!important}
html body dialog.cc-backup-dialog label:has([data-backup-auto]){display:flex!important;align-items:center;gap:8px;margin:12px 0!important;font-size:12px!important;line-height:1.6}
html body dialog.cc-backup-dialog :is(.cc-backup-help,.cc-backup-permission){display:block!important;font-size:12px;line-height:1.6;color:var(--theme-text-muted,var(--muted,#a8adb5));margin:8px 0}
html body dialog.cc-backup-dialog .backup-path-row{flex-wrap:wrap}
html body dialog.cc-backup-dialog .cc-backup-feedback:not(:empty),
html body dialog.cc-create-dialog [data-status]:not(:empty){padding:8px 10px;border-radius:7px;background:color-mix(in srgb,var(--theme-accent,#40baff) 8%,transparent);font-size:12px;line-height:1.6}
html body dialog.compact-backup-view :is(.cc-backup-permission,.cc-backup-feedback):empty{display:none!important}
html body dialog.compact-backup-view .cc-backup-help{margin:6px 0!important;font-size:11px!important}
html body dialog.compact-backup-view .cc-backup-feedback:not(:empty){padding:0!important;background:transparent!important;min-height:0!important}
html body dialog.compact-backup-view [hidden]{display:none!important}
html body dialog.compact-backup-view .cc-backup-location{user-select:text!important;-webkit-user-select:text!important;min-width:0!important;width:100%!important;flex:1 1 260px!important;cursor:text;overflow:auto!important;text-overflow:clip!important}
html body dialog.compact-backup-view .cc-backup-restore-note{flex:1;color:var(--theme-text-muted,#a8adb5);font-size:12px;line-height:1.6}
html body dialog.cc-folder-access-dialog{width:470px;max-width:calc(100vw - 32px);padding:22px!important}
html body dialog.cc-folder-access-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
html body dialog.cc-folder-access-dialog .dialog-heading h2{margin:0!important;font-size:17px!important}
html body dialog.cc-folder-access-dialog .cc-folder-path{display:block;box-sizing:border-box;width:100%!important;min-height:64px!important;max-height:160px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text!important;-webkit-user-select:text!important;font:12px/1.6 var(--font);margin-top:8px}
html body dialog.cc-folder-access-dialog .cc-folder-feedback:empty{display:none}
html body dialog.cc-create-dialog [data-location]{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;user-select:text!important;-webkit-user-select:text!important}
/* Default intelligent-canvas palette follows the personal workspace.
   The optional professional-gray appearance remains an explicit alternative. */
html:not([data-canvas-appearance="studio-gray"]) .cc{
  --bg:var(--theme-background,#111214);
  --sidebar:var(--theme-navigation,#17181b);
  --panel:var(--theme-surface,#1c1e22);
  --raised:var(--theme-surface-raised,#25282e);
  --line:color-mix(in srgb,var(--theme-highlight,#fff) 11%,transparent);
  --text:var(--theme-text,#e9ebee);
  --muted:var(--theme-text-muted,#a8adb5);
  --accent:var(--theme-accent,#40baff);
  --accent-soft:color-mix(in srgb,var(--theme-accent,#40baff) 11%,transparent);
  --cc-border:color-mix(in srgb,var(--theme-highlight,#fff) 12%,transparent);
  background:var(--bg);color:var(--text);
}
html:not([data-canvas-appearance="studio-gray"]) .cc .cc-stage{
  background-color:#111214;
  background-image:radial-gradient(circle at 1px 1px,#ffffff13 .7px,transparent 1px);
  background-size:32px 32px;
}
/* Keep the light grid quiet; spacing is adaptively thinned by transform(). */
html:root[data-theme=light]:not([data-canvas-appearance=studio-gray]) body .cc .cc-stage{
  background-image:radial-gradient(circle at 1px 1px,#8ca6c566 .85px,transparent 1.1px)!important;
}
.cc .cc-status button[data-action=login]{margin-left:8px;padding:2px 8px;border:1px solid #398be1;border-radius:5px;background:#267ed5;color:#fff;cursor:pointer;font:inherit;}
.cc .cc-status button[data-action=login]:is(:hover,:focus-visible){background:#176dc2;}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-library,.cc-side-shell,.cc-inspector,.cc-panel-head,.cc-panel-run,.cc-work-tabs,.cc-panel-tabs,.cc-generation-tabs){
  background:var(--panel)!important;color:var(--text);border-color:var(--line)!important;
  background-image:none!important;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-tool-island,.cc-side-rail,.cc-zoom,.cc-quick-create,.cc-island-popover,.cc-submit-review,.cc-context-menu,.cc-tool-menu){
  background:var(--raised)!important;color:var(--text)!important;border-color:var(--line)!important;
  background-image:none!important;backdrop-filter:none;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-node,.cc-media-node,.cc-node.type-prompt,.cc-node.type-compare){
  background:var(--panel)!important;background-color:#1c1e22!important;color:var(--text);border-color:var(--cc-border);
  background-image:none!important;box-shadow:0 8px 24px #0003;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-node,.cc-media-node).selected{
  border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),0 8px 24px #0003;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-node,.cc-media-node)>header,
html:not([data-canvas-appearance="studio-gray"]) .cc .cc-node footer{
  background:var(--panel)!important;border-color:var(--line)!important;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-preview,.cc-media-surface,.cc-video-surface,.cc-reference,.cc-generator-core,.cc-panel-section,.cc-main-prompt,.cc-asset-grid article,.cc-asset-preview){
  background:var(--raised)!important;background-image:none!important;
  color:var(--text);border-color:var(--line)!important;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select,[contenteditable=true],.cc-ref-editor){
  background:var(--theme-input,#14161a)!important;color:var(--text)!important;border-color:var(--line)!important;
  box-shadow:none!important;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-panel-hint,.cc-tip,.cc-node p,.cc-node small,.cc-node-meta){color:var(--muted)}
html:not([data-canvas-appearance="studio-gray"]) .cc .cc-links path{stroke:#8b939e}
html:not([data-canvas-appearance="studio-gray"]) .cc .cc-links path:is(:hover,.selected){stroke:var(--accent)}
html:not([data-canvas-appearance="studio-gray"]) .cc .cc-marquee{background:color-mix(in srgb,var(--accent) 11%,transparent)}
html:not([data-canvas-appearance="studio-gray"]) .cc-prompt-window{
  background:var(--theme-dialog,#2b2d32)!important;color:var(--theme-text,#e9ebee)!important;
  border-color:color-mix(in srgb,var(--theme-highlight,#fff) 13%,transparent)!important;
}
/* The inspector is one continuous surface; individual fields may be raised. */
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-side-shell,.cc-inspector,.cc-inspector:has(.cc-work-tabs),.cc-panel-head,.cc-panel-run,.cc-panel-tabs,.cc-work-tabs){
  background:var(--panel)!important;background-image:none!important;
}
html:not([data-canvas-appearance="studio-gray"]) .cc .cc-inspector :is(.cc-panel-scroll,.cc-panel-section){
  background:transparent!important;background-image:none!important;
}
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-panel-hint,.cc-linked-source,.cc-main-prompt){
  background:var(--raised)!important;
}
/* Floating menus retain their original translucent, blurred glass treatment. */
html:not([data-canvas-appearance="studio-gray"]) .cc :is(.cc-tool-island,.cc-side-rail,.cc-quick-create,.cc-island-popover,.cc-context-menu,.cc-tool-menu,.cc-quick-menu,.cc-zoom){
  background:#25282ecc!important;
  border-color:#ffffff26!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  box-shadow:0 12px 32px #0005;
}
/* Gallery actions follow the agent artifact shelf's compact line-icon controls. */
html body #main .cc-gallery .cc-card-actions{justify-content:flex-end!important;gap:1px!important;padding:2px 9px!important}
html body #main .cc-gallery .cc-card-actions button{box-sizing:border-box;flex:0 0 23px;width:23px!important;min-width:23px!important;height:24px!important;min-height:24px!important;padding:3px!important;margin:0!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:var(--muted)!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:none!important}
html body #main .cc-gallery .cc-card-actions button:is(:hover,:focus-visible){background:#4387ff14!important;border-color:#4387ff44!important;color:var(--accent)!important}
html body #main .cc-gallery .cc-card-actions svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Compact generation controls, without changing reference actions or image fitting. */
html body .cc .cc-reference-mode{gap:6px!important;align-items:center}
html body .cc .cc-reference-mode button{box-sizing:border-box!important;height:32px!important;min-height:32px!important;padding:4px 11px!important;line-height:22px!important;font-size:12px!important;border-radius:7px!important;display:inline-flex;align-items:center;justify-content:center}
html body .cc .cc-panel-refs{gap:6px!important;align-items:center}
html body .cc .cc-panel-refs>span,html body .cc .cc-panel-refs>.cc-self-reference{box-sizing:border-box!important;width:60px!important;flex:0 0 60px!important;height:72px!important;min-height:72px!important;padding:3px!important;align-items:flex-start!important;border-radius:7px!important}
html body .cc .cc-panel-refs img{width:52px!important;height:48px!important;flex:0 0 52px!important;object-fit:contain!important;border-radius:4px}
html body .cc .cc-panel-refs>span>b,html body .cc .cc-panel-refs>.cc-self-reference small{bottom:3px!important;line-height:14px!important;font-size:10px!important}
html body .cc .cc-video-refs{gap:6px!important;margin-top:8px!important;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important}
html body .cc .cc-frame-card{box-sizing:border-box!important;height:54px!important;min-height:54px!important;padding:5px!important;grid-template-columns:42px minmax(0,1fr)!important;column-gap:7px!important;font-size:11px}
html body .cc .cc-frame-card :is(img,i){width:42px!important;height:42px!important}
html body .cc .cc-frame-card :is(b,small){line-height:17px!important}
html body .cc .cc-frame-swap{width:24px!important;height:24px!important;min-height:24px!important;padding:0!important}
html body .cc .cc-reference-materials{min-height:54px!important}
html body .cc .cc-reference-card{height:54px!important;min-height:54px!important;box-sizing:border-box!important;padding:5px!important}
/* Image and timeline editors share the same restrained header palette. */
html body :is(#ccImageWorkbench,.ciw).ciw>header{background:#25282e!important;color:#e5e9ef!important;border-bottom:1px solid #40454d!important}
html:root[data-theme=light] body :is(#ccImageWorkbench,.ciw).ciw>header{background:#c9e2ff!important;color:#284d75!important;border-bottom-color:#a5c8ed!important}
html body :is(#ccImageWorkbench,.ciw).ciw>header>button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}
html:root[data-theme=light] body :is(#ccImageWorkbench,.ciw).ciw>header>button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}
html body :is(#ccImageWorkbench,.ciw).ciw>header .ciw-split-tool{margin-left:auto!important;min-width:70px;font-size:12px;padding:5px 9px!important}
html body :is(#ccImageWorkbench,.ciw).ciw>header>strong{flex:1}
.ciw .ciw-grid-dialog{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:16px;border:1px solid var(--line,#4c5d70);border-radius:12px;background:var(--panel,#252b34);color:var(--text,#eef4ff);box-shadow:0 16px 70px #0007;display:grid;gap:12px}
.ciw .ciw-grid-fields,.ciw .ciw-grid-actions{display:flex;align-items:center;gap:8px}.ciw .ciw-grid-fields input{width:58px}.ciw .ciw-grid-actions{justify-content:flex-end}.ciw .ciw-grid-preview{position:relative;line-height:0}.ciw .ciw-grid-preview img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.ciw .ciw-grid-guide{position:absolute;inset:0;display:grid}.ciw .ciw-grid-guide span{border:1px solid #72adf5b3;color:#fff;background:#0f355033;font:12px/20px sans-serif;padding:3px;text-shadow:0 1px 3px #000}.ciw .ciw-grid-dialog p{margin:0;font-size:12px;line-height:1.6}
html[data-theme=light] .ciw .ciw-grid-dialog{background:#edf5ff;color:#284d75;border-color:#a5c8ed}
/* Clean video thumbnails with a distinct, brighter audio strip. */
html body :is(#ccTimelineEditor,.cte).cte .cte-clip.video>.cte-clip-title{display:none!important}
html body :is(#ccTimelineEditor,.cte).cte{--cte-wave-ink:#a5eadb}
html body :is(#ccTimelineEditor,.cte).cte .cte-waveform{background:linear-gradient(180deg,#65e4ce29,#219c8947)!important;border-top:1px solid #9bf2df40;box-sizing:border-box;box-shadow:inset 0 1px 0 #c5fff212;backdrop-filter:blur(3px)}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte{--cte-wave-ink:#168e90}
html:root[data-theme=light] body :is(#ccTimelineEditor,.cte).cte .cte-waveform{background:linear-gradient(180deg,#9ae5d44d,#49bfa547)!important;border-top-color:#72cdb66b;box-shadow:inset 0 1px 0 #ffffff70}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls .cte-preview-play:focus{outline:none!important;box-shadow:none!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls .cte-preview-play:focus-visible{outline:1px solid var(--muted,#8796a8)!important;outline-offset:2px!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-preview-seek{display:inline-flex!important;align-items:center;justify-content:center;width:30px;min-width:30px;height:28px;padding:5px!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-preview-seek svg{width:18px;height:18px;display:block}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls>.cte-preview-play{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:28px!important;padding:1px!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls>.cte-preview-seek{position:absolute!important;transform:translateX(-50%)!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls>.cte-preview-seek:first-child{left:calc(50% - 34px)!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls>.cte-preview-seek:nth-child(3){left:calc(50% + 34px)!important}
html body :is(#ccTimelineEditor,.cte).cte .cte-play-controls>button[aria-label="循环播放"]{left:calc(50% + 68px)!important;transform:translateX(-50%)!important}
/* Stable reference geometry in both themes; never change measurements on selection. */
html:root body #main .cc #ccInspector .cc-reference-mode{display:flex!important;gap:6px!important;align-items:center!important}
html:root body #main .cc #ccInspector .cc-reference-mode>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:30px!important;min-height:30px!important;padding:3px 10px!important;font-size:12px!important;line-height:20px!important;border-radius:7px!important}
html:root body #main .cc #ccInspector .cc-panel-refs{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:8px!important;margin-top:8px!important}
html:root body #main .cc #ccInspector .cc-panel-refs>:is(span,.cc-self-reference){position:relative!important;inset:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;box-sizing:border-box!important;width:72px!important;min-width:72px!important;max-width:72px!important;flex:0 0 72px!important;height:86px!important;min-height:86px!important;max-height:86px!important;padding:4px!important;margin:0!important;border:1px solid #ffffff24!important;border-radius:8px!important;background:#ffffff05!important;background-image:none!important;color:#c4ced9!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;transition:background-color 120ms,border-color 120ms,color 120ms!important}
html:root body #main .cc #ccInspector .cc-panel-refs>:is(span,.cc-self-reference)>img{display:block!important;box-sizing:border-box!important;width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important;flex:0 0 62px!important;object-fit:contain!important;border:0!important;border-radius:4px!important;margin:0!important;background:#0002!important;transform:none!important}
html:root body #main .cc #ccInspector .cc-panel-refs>:is(span,.cc-self-reference)>:is(b,small:not(.cc-empty-reference)){position:absolute!important;inset:auto 0 3px!important;width:100%!important;height:16px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;color:inherit!important;font-size:11px!important;font-weight:500!important;line-height:16px!important}
html:root body #main .cc #ccInspector .cc-panel-refs>span>button[data-cc="unlink-source"]{position:absolute!important;inset:3px 3px auto auto!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;margin:0!important;line-height:1!important;border:1px solid #ffffff24!important;border-radius:50%!important;background:#343a42ed!important;color:#e7edf5!important;box-shadow:0 1px 3px #0002!important;transform:none!important}
html:root body #main .cc #ccInspector .cc-panel-refs>span>button>svg{display:block!important;width:12px!important;height:12px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;transform:none!important}
html:root body #main .cc #ccInspector .cc-panel-refs>.cc-self-reference:is([aria-pressed="true"],.active){background:linear-gradient(145deg,#54a3ff25,#927aff12)!important;border-color:#65a7ef9c!important;box-shadow:inset 0 0 0 1px #87b9ff16!important;color:#89bdff!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-panel-refs>:is(span,.cc-self-reference){background:#f2f7ff!important;border-color:#bfd5ef!important;color:#3b608a!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-panel-refs>:is(span,.cc-self-reference)>img{background:#e7f0fc!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-panel-refs>span>button[data-cc="unlink-source"]{background:#f1f6ffed!important;color:#315f94!important;border-color:#b9cde6!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-panel-refs>.cc-self-reference:is([aria-pressed="true"],.active){background:linear-gradient(145deg,#daeaff,#ece6ff)!important;border-color:#75a7ed!important;color:#2268c8!important;box-shadow:inset 0 0 0 1px #ffffff90!important}

/* Generation history is a task ledger, not another material shelf. */
html:root body #main .cc #ccInspector .cc-history-item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px 10px!important;padding:10px!important;margin:0 0 10px!important;border:1px solid #ffffff14!important;border-radius:10px!important;background:#ffffff03!important;box-shadow:none!important}
html:root body #main .cc #ccInspector .cc-history-item.has-preview{grid-template-columns:64px minmax(0,1fr)!important}
html:root body #main .cc #ccInspector .cc-history-heading{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;gap:8px!important}
html:root body #main .cc #ccInspector .cc-history-heading>b{font-size:12px!important;font-weight:600!important;color:var(--text)!important}
html:root body #main .cc #ccInspector .cc-history-heading>small{font-size:10px!important;line-height:18px!important;padding:0 6px!important;border-radius:5px!important;background:#ffffff09!important;color:var(--muted)!important}
html:root body #main .cc #ccInspector .cc-history-preview{grid-column:1!important;grid-row:2!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;padding:0!important;margin:0!important;border:1px solid #ffffff1c!important;border-radius:7px!important;overflow:hidden!important;align-self:start!important;background:#0002!important}
html:root body #main .cc #ccInspector .cc-history-preview>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border:0!important}
html:root body #main .cc #ccInspector .cc-history-prompt{grid-column:1/-1!important;margin:0!important;min-width:0!important;font-size:12px!important;line-height:19px!important;color:var(--text)!important}
html:root body #main .cc #ccInspector .cc-history-item.has-preview .cc-history-prompt{grid-column:2!important;grid-row:2!important}
html:root body #main .cc #ccInspector .cc-history-prompt:not([open])>summary{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;line-height:19px!important;max-height:57px!important;white-space:normal!important;overflow-wrap:anywhere}
html:root body #main .cc #ccInspector .cc-history-prompt[open]>summary{white-space:normal!important;overflow-wrap:anywhere}html:root body #main .cc #ccInspector .cc-history-prompt>p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px!important}
html:root body #main .cc #ccInspector .cc-history-facts{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:3px 9px!important;margin:0!important;font-size:10px!important;line-height:16px!important;color:var(--muted)!important;white-space:normal!important}
html:root body #main .cc #ccInspector .cc-history-expiry{grid-column:1/-1!important;display:block!important;white-space:normal!important;overflow:visible!important;font-size:10px!important;line-height:16px!important;color:var(--muted)!important;margin:0!important}
html:root body #main .cc #ccInspector .cc-history-expiry[data-save-state=cloud]{color:#79b7fa!important}html:root body #main .cc #ccInspector .cc-history-expiry[data-save-state=temporary]{color:#deb780!important}
html:root body #main .cc #ccInspector .cc-history-actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important;margin:2px 0 0!important;width:100%!important}
html:root body #main .cc #ccInspector .cc-history-actions>button{box-sizing:border-box!important;flex:0 0 auto!important;width:auto!important;height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:11px!important;line-height:20px!important;border-radius:6px!important;box-shadow:none!important}
html:root body #main .cc #ccInspector .cc-history-actions>.cc-history-delete{border-color:transparent!important;background:transparent!important;color:var(--muted)!important;padding-left:0!important}
html:root body #main .cc #ccInspector .cc-history-actions>.cc-history-add{margin-left:auto!important;border-color:#69aaff4a!important;background:#4387ff12!important;color:#a5caff!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-item{background:#f5f9ffb3!important;border-color:#b8cfe866!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-heading>small{background:#dfeaff!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-expiry[data-save-state=cloud]{color:#2569b4!important}html:root[data-theme=light] body #main .cc #ccInspector .cc-history-expiry[data-save-state=temporary]{color:#927022!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-preview{background:#e7f0fb!important;border-color:#b8cfe8!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-actions>.cc-history-add{background:#e1edff!important;border-color:#aac9ef!important;color:#2365ac!important}

/* Compact ledger: thumbnail with one heading row and one facts row, left-aligned actions. */
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item{gap:4px 9px!important;padding:9px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview{grid-template-columns:60px minmax(0,1fr)!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-heading{display:flex!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;align-items:flex-start!important;line-height:20px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview .cc-history-heading{grid-column:2!important;grid-row:1!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-heading>:is(b,small){flex:0 0 auto!important;white-space:nowrap!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-heading>b{font-size:11px!important;font-weight:500!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-heading>small{padding:0 4px!important;font-size:9px!important;line-height:20px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-heading>.cc-history-prompt{flex:1!important;min-width:0!important;margin:0!important;font-size:11px!important;line-height:20px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-heading>.cc-history-prompt>summary{display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;max-height:20px!important;line-height:20px!important;-webkit-line-clamp:unset!important;cursor:pointer}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-preview{grid-row:1/4!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview .cc-history-facts{grid-column:2!important;grid-row:2!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-facts{flex-wrap:nowrap!important;gap:5px!important;white-space:nowrap!important;min-width:0!important;font-size:10px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-facts>:is(time,span){font-size:10px!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview .cc-history-expiry{grid-column:2!important;grid-row:3!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions{justify-content:flex-start!important;gap:7px!important;margin-top:4px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>button{height:24px!important;min-height:24px!important;line-height:18px!important;padding:2px 5px!important;font-size:10px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>.cc-history-add{margin-left:0!important;border-color:transparent!important;background:transparent!important;color:#9abfee!important;padding-left:0!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>.cc-history-delete{padding-left:5px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item[data-job-status=succeeded] .cc-history-heading>small{background:#62caa018!important;color:#84d7b4!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-layout .cc-history-item[data-job-status=succeeded] .cc-history-heading>small{background:#daf3e7!important;color:#238661!important}
html:root[data-theme=light] body #main .cc #ccInspector .cc-history-layout .cc-history-actions>.cc-history-add{background:transparent!important;border-color:transparent!important;color:#3974b7!important}

/* History hover matches the agent artwork shelf, without moving or resizing cards. */
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item{position:relative!important;isolation:isolate;transition:border-color .16s,box-shadow .16s,background .16s!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item>*{position:relative;z-index:1}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 5%,#5798ed10 45%,#5798ed1a 60%,transparent 95%);background-size:200% 100%;background-position:120% 0;z-index:0}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item:is(:hover,:focus-within){border-color:color-mix(in srgb,var(--accent,#4387ff) 40%,var(--line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#4387ff) 22%,transparent)!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item:is(:hover,:focus-within)::before{animation:cc-history-artwork-sweep 2.2s ease-in-out 1}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>button[data-cc]:is(:hover,:focus-visible){background:#4387ff14!important;border-color:#4387ff44!important;color:var(--accent,#4387ff)!important}
@keyframes cc-history-artwork-sweep{0%{opacity:0;background-position:120% 0}20%{opacity:1}80%{opacity:1}100%{opacity:0;background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item{transition:none!important}html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item:is(:hover,:focus-within)::before{animation:none!important}}

/* Unified history artwork actions and quiet storage indicators. */
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions{display:flex!important;justify-content:flex-start!important;gap:1px!important;padding:0!important;overflow:visible!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>button[data-cc],html:root body #main .cc #ccInspector .cc-history-layout .cc-history-more>summary{box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 23px!important;width:23px!important;min-width:23px!important;height:24px!important;min-height:24px!important;padding:3px!important;border:1px solid transparent!important;background:transparent!important;border-radius:5px!important;color:var(--muted)!important;cursor:pointer;list-style:none}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>button>span{display:none!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions svg,html:root body #main .cc #ccInspector .cc-history-layout .cc-history-expiry svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-more{position:relative;flex:0 0 23px;z-index:5}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-more>summary::-webkit-details-marker{display:none}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-menu{position:absolute;left:0;bottom:28px;z-index:50;min-width:205px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel,#202226);box-shadow:0 8px 24px #0002}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-menu>button[data-cc]{display:flex!important;align-items:center;gap:7px;width:100%!important;height:28px!important;padding:4px 7px!important;border:1px solid transparent!important;border-radius:5px;background:transparent!important;color:var(--text)!important;font-size:11px!important;white-space:nowrap}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>button[data-cc]:is(:hover,:focus-visible),html:root body #main .cc #ccInspector .cc-history-layout .cc-history-more>summary:is(:hover,:focus-visible),html:root body #main .cc #ccInspector .cc-history-layout .cc-history-menu>button[data-cc]:is(:hover,:focus-visible){background:#4387ff14!important;border-color:#4387ff44!important;color:var(--accent,#4387ff)!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-expiry:not([data-save-state=temporary]){position:absolute!important;right:9px!important;bottom:12px!important;display:grid;place-items:center;width:16px;height:16px;padding:0!important;color:var(--muted)!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-expiry[data-save-state=cloud]{color:var(--accent,#4387ff)!important}

/* History three-row cloud-reference layout: all artwork actions are visible. */
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview{grid-template-columns:60px minmax(0,1fr)!important;gap:2px 9px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview .cc-history-actions{grid-column:2!important;grid-row:3!important;margin:0!important;align-self:end!important;flex-wrap:nowrap!important;width:auto!important;gap:2px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview .cc-history-expiry[data-save-state=temporary]{grid-column:1/-1!important;grid-row:4!important;margin-top:4px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item.has-preview .cc-history-expiry:not([data-save-state=temporary]){bottom:11px!important;right:9px!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-actions>button[data-cc]:disabled{opacity:.32!important;cursor:default!important;background:transparent!important;border-color:transparent!important}

/* Shared artwork download progress: history uses the assistant's authenticated reader. */
html:root body #main .cc #ccInspector .cc-history-item{position:relative}
html:root body #main .cc #ccInspector .cc-history-transfer{position:absolute;inset:auto 0 0;width:100%;height:2px;background:#6699df16;overflow:hidden;pointer-events:none}
html:root body #main .cc #ccInspector .cc-history-transfer[hidden]{display:none!important}
html:root body #main .cc #ccInspector .cc-history-transfer i{display:block;width:var(--transfer-progress,0%);height:100%;background:linear-gradient(90deg,#4387ff55,#6bafff,#a7d8ff);box-shadow:0 0 7px #6bafff88;transition:width .2s linear}
@media(prefers-reduced-motion:reduce){html:root body #main .cc #ccInspector .cc-history-transfer i{transition:none}}

/* Shared artwork download progress: history uses the assistant's authenticated reader. */
html:root body #main .cc #ccInspector .cc-history-item{position:relative}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-item>.cc-history-transfer{position:absolute!important;inset:auto 0 0!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:2px!important;margin:0!important;padding:0!important;background:#6699df16;overflow:hidden;pointer-events:none;z-index:3}
html:root body #main .cc #ccInspector .cc-history-transfer[hidden]{display:none!important}
html:root body #main .cc #ccInspector .cc-history-transfer i{display:block;width:var(--transfer-progress,0%);height:100%;background:linear-gradient(90deg,#4387ff55,#6bafff,#a7d8ff);box-shadow:0 0 7px #6bafff88;transition:width .2s linear}
@media(prefers-reduced-motion:reduce){html:root body #main .cc #ccInspector .cc-history-transfer i{transition:none}}

/* agent-document-panel.33b81a6eddb6d052.css */
.xad-panel{--xad-ink:#243449;--xad-muted:#778599;box-sizing:border-box;position:fixed;inset:16px 16px 16px auto;margin:0;width:min(720px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:none;max-width:none;padding:0;border:1px solid #e3e8ef;border-radius:22px;background:#f8fafc;color:var(--xad-ink);box-shadow:0 24px 100px #172e4933;font:14px/1.6 Inter,'Microsoft YaHei',sans-serif;overflow:hidden}.xad-panel[open]{display:flex;flex-direction:column;animation:xad-in .2s ease-out}.xad-panel::backdrop{background:#17283e38;backdrop-filter:blur(3px)}.xad-panel *{box-sizing:border-box}.xad-panel button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit;border-radius:9px;padding:8px 13px;transition:background .15s}.xad-panel button:hover{background:#eaf0f7}.xad-panel button:focus-visible{outline:2px solid #3983ed;outline-offset:2px}.xad-panel button:disabled{opacity:.4;cursor:default}.xad-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 12px}.xad-brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.06em}.xad-mark{background:#e6eefc;color:#3973c7;border-radius:9px;padding:4px 9px}.xad-panel .xad-icon{font-size:25px;line-height:1;width:36px;height:36px;padding:0;color:#8995a6}.xad-meta{padding:8px 32px 18px}.xad-eyebrow{font-size:11px;color:#8391a3;letter-spacing:.12em}.xad-meta h1{font-size:25px;font-weight:600;letter-spacing:.02em;margin:8px 0}.xad-meta p{color:var(--xad-muted);font-size:12px;margin:0}.xad-toolbar{display:flex;align-items:center;gap:4px;margin:0 28px 14px;padding:4px;border-radius:12px;background:#edf1f6}.xad-toolbar button{font-size:12px;padding:7px 12px}.xad-toolbar .is-active{background:#fff;box-shadow:0 2px 5px #172e4910;color:#286ac7}.xad-restore{margin-left:auto}.xad-count{padding:0 10px;color:#8591a1;font-size:11px}.xad-scroll{flex:1;min-height:0;overflow:auto;margin:0 28px;border:1px solid #e7ebf1;border-radius:12px;background:white}.xad-paper{padding:25px 30px;line-height:1.95;font-size:15px;overflow-wrap:anywhere;white-space:pre-wrap}.xad-paper h2{font-size:23px;line-height:1.5;margin:4px 0 20px}.xad-paper h3{font-size:18px;margin:22px 0 10px}.xad-paper h4{font-size:16px;margin:18px 0 8px}.xad-paper p{margin:0 0 15px}.xad-paper .xad-list{margin-bottom:7px;padding-left:12px}.xad-paper pre{font:13px/1.8 monospace;background:#f3f6fa;padding:14px;border-radius:8px;white-space:pre-wrap}.xad-editor{display:block;border:0;outline:0;resize:none;padding:25px 30px;width:100%;min-height:100%;font:15px/1.95 'Microsoft YaHei',sans-serif;background:#fff;color:#243449}.xad-panel [hidden]{display:none!important}.xad-selection{margin:12px 28px 0;padding:8px 12px;display:flex;align-items:center;gap:8px;background:#eaf2ff;border-radius:10px;color:#326dc2;font-size:12px}.xad-selection span{margin-right:auto}.xad-status{margin:8px 32px 0;min-height:20px;color:#58718e;font-size:12px}.xad-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 28px 24px;gap:12px}.xad-footer span{font-size:11px;color:#8a96a6}.xad-panel .xad-primary{background:#266fe5;color:#fff;padding:11px 27px;box-shadow:0 4px 12px #2670e525;white-space:nowrap}.xad-panel .xad-primary:hover{background:#185ecf}.xad-confirm{margin:8px 28px;padding:12px;background:#fff4df;border-radius:10px;font-size:12px}.xad-confirm span{display:block;margin-bottom:6px}.xad-quick{font-size:11px!important}.xad-paper ::selection{background:#cee0ff}@keyframes xad-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@media(max-width:640px){.xad-panel{inset:0;width:100vw;height:100dvh;border-radius:0}.xad-header{padding:16px 18px 8px}.xad-meta{padding:8px 20px 16px}.xad-meta h1{font-size:22px}.xad-toolbar,.xad-scroll{margin-left:14px;margin-right:14px}.xad-paper,.xad-editor{padding:20px}.xad-count{display:none}.xad-footer{padding:12px 18px 20px}.xad-selection{margin-left:14px;margin-right:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.xad-panel[open]{animation:none}}
.xad-panel[open]{z-index:1000;inset:64px 14px auto auto;width:min(490px,calc(100vw - 28px));height:min(660px,calc(100dvh - 82px));border-radius:14px;box-shadow:0 12px 42px #14294224;font-family:inherit;font-size:13px;color:#263445;animation:none}.xad-header{padding:12px 16px 7px}.xad-brand{gap:8px;letter-spacing:0;font-size:13px;white-space:nowrap}.xad-mark{padding:2px 6px;border-radius:6px}.xad-tagline{font-size:12px;font-weight:400;color:#526274;margin-left:6px}.xad-meta{padding:0 16px 10px}.xad-meta p{font-size:11px;line-height:1.6;color:#647386;margin:0;white-space:normal}.xad-panel .xad-icon{font-size:20px;width:26px;height:26px}.xad-toolbar{margin:0 12px 8px;padding:3px;border-radius:8px;gap:2px}.xad-toolbar button{font-size:12px;padding:4px 9px}.xad-count{font-size:10px;padding:0 6px}.xad-scroll{margin:0 12px;border-radius:8px}.xad-paper{padding:14px 18px;line-height:1.65;font-size:13px;font-family:inherit;white-space:normal;color:#263445}.xad-paper p{margin:0 0 9px;white-space:pre-wrap}.xad-paper h2{font-size:17px;margin:0 0 12px;color:#243449}.xad-paper h3{font-size:15px;margin:15px 0 7px;color:#243449}.xad-paper h4{font-size:14px;margin:12px 0 6px}.xad-paper .xad-list{margin-bottom:4px}.xad-editor{padding:14px 18px;font-size:13px;line-height:1.65;font-family:inherit;line-height:1.65;font-size:13px;font-family:inherit;color:#263445}.xad-status{margin:5px 16px 0;font-size:10px;min-height:0;line-height:1.5}.xad-status:empty{display:none}.xad-footer{padding:8px 12px 10px;gap:6px}.xad-footer span{font-size:10px;color:#65758a}.xad-panel .xad-primary{font-size:12px;padding:6px 13px;box-shadow:none;border-radius:7px}.xad-selection{margin:7px 12px 0;padding:5px 8px;gap:4px;border-radius:7px;font-size:11px}.xad-selection button{font-size:11px;padding:4px 7px}.xad-confirm{margin:7px 12px;padding:8px}.xad-content-picker{width:min(470px,calc(100vw - 32px));max-height:80dvh;overflow:auto;padding:18px;border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc;color:#263445;box-shadow:0 18px 70px #152a4530;font-size:13px;line-height:1.6;font-family:inherit}.xad-content-picker h2{font-size:16px;margin:0 0 7px;color:#263445}.xad-content-picker p{font-size:12px;margin:7px 0;color:#607087}.xad-content-picker select{width:100%;padding:8px;border:1px solid #dbe3ef;border-radius:8px;background:white;color:#263445;font:inherit}.xad-content-picker details{margin:10px 0;font-size:12px}.xad-content-picker textarea{font-size:13px;line-height:1.65;font-family:inherit!important;min-height:130px;border:1px solid #dbe3ef;border-radius:8px;padding:10px;background:white;color:#263445}.xad-content-picker button{font-size:12px;line-height:1.5;font-family:inherit;padding:7px 12px;border:1px solid #dbe3ef;border-radius:7px;background:white;color:#2e568e;margin-right:6px;cursor:pointer}.xad-content-picker button:first-of-type{background:#266fe5;color:white;border-color:#266fe5}.xad-content-picker button:disabled{opacity:.45}.xad-content-picker::backdrop{background:#17283e25}.xa-reply-actions [data-xa-copy-reply]>span{width:auto}.xa-reply-more{max-width:calc(100vw - 32px)}@media(max-width:640px){.xad-panel[open]{inset:auto 8px 8px;width:calc(100vw - 16px);height:56dvh;border-radius:12px}.xad-tagline{font-size:10px;margin-left:0}.xad-meta p{font-size:10px}.xad-brand{font-size:12px}.xad-panel .xad-header{padding:8px 12px 5px}.xad-paper,.xad-editor{padding:12px}.xad-count{display:none}}@media(min-width:1200px){body:has(.xad-panel[open]) .xa-agent{margin-right:510px}}
.xad-panel[open]{height:auto;max-height:calc(100dvh - 82px)}.xad-scroll{flex:0 1 auto;max-height:calc(100dvh - 260px)}.xad-editor{min-height:260px}.xad-paper{min-height:110px}@media(max-width:640px){.xad-panel[open]{height:auto;max-height:56dvh}.xad-scroll{max-height:calc(56dvh - 180px)}.xad-editor{min-height:160px}}
.xad-panel[open]{--xad-ink:#35493e;--xad-muted:#697b6d;background:#f6f8f2;color:#35493e;max-height:none;max-width:none;min-width:0;border:1px solid #dce5d8;border-radius:13px;box-shadow:0 14px 48px #35493625;z-index:1100}.xad-panel[hidden],.xad-edge-tab[hidden]{display:none!important}body:has(.xad-panel[open]) .xa-agent{margin-right:0!important}.xad-panel .xad-header{cursor:grab;touch-action:none;user-select:none}.xad-panel .xad-header:active{cursor:grabbing}.xad-panel .xad-head-actions{display:flex;gap:4px;align-items:center}.xad-panel .xad-collapse{font-size:11px;padding:4px 7px;color:#576d5c}.xad-panel .xad-tagline{color:#637a68;font-size:11px}.xad-panel .xad-meta p{color:#687967}.xad-panel .xad-mark{background:#e5edde;color:#527159}.xad-panel .xad-toolbar{background:#e9eee4}.xad-panel .xad-toolbar .is-active{color:#486b50;background:#fffef9}.xad-panel .xad-scroll{flex:1;max-height:none;background:#fffef9;border-color:#e0e6da}.xad-panel .xad-paper,.xad-panel .xad-editor{color:#35493e;background:#fffef9}.xad-panel .xad-editor{min-height:100%}.xad-panel .xad-paper h2,.xad-panel .xad-paper h3{color:#35493e}.xad-panel .xad-primary{background:#56715b;color:#fffff6}.xad-panel .xad-primary:hover{background:#46664d}.xad-panel .xad-selection{background:#e5edde;color:#486b50}.xad-panel .xad-footer span,.xad-panel .xad-status{color:#637765}.xad-panel .xad-size-grip{position:absolute;bottom:0;right:0;cursor:nwse-resize;touch-action:none;padding:0;width:17px;height:17px;font-size:12px;line-height:17px;color:#849d80;background:transparent;border-radius:0 0 12px 0}.xad-edge-tab{position:fixed;right:0;top:45%;z-index:1101;border:1px solid #d6e1d1;border-right:0;border-radius:10px 0 0 10px;padding:13px 8px;background:#f4f8ee;color:#4b6c51;box-shadow:-3px 3px 16px #35493617;writing-mode:vertical-rl;letter-spacing:3px;font:12px/1.5 inherit;cursor:pointer}.xad-panel .xad-confirm{background:#eff1df;color:#4f6044}.xad-panel .xad-confirm button{font-size:11px;padding:5px 8px}.xad-panel .xad-confirm button:first-of-type{background:#56715b;color:#fffef9}@media(max-width:640px){.xad-panel[open]{max-height:none}.xad-panel .xad-scroll{max-height:none}.xad-panel .xad-tagline{display:none}.xad-panel .xad-footer{padding-right:20px}}
/* Chat model belongs to the right-hand memory/send group; creation options stay by their mode. */
.xa-agent .xa-controls.xa-chat-controls .xa-mode-panel>label:first-child{margin-left:auto!important}
/* Stable composer: text area followed by a single toolbar in every mode. */
/* Context tools already live in the conversation sidebar; no duplicate composer entry. */
.xa-agent .xa-input .xa-controls .xa-memory-wrap{display:none!important}
.xa-agent .xa-input .xa-controls.xa-chat-controls,.xa-agent .xa-input .xa-controls.xa-creation-controls{padding-right:42px!important}
.xa-agent .xa-reply-actions{gap:2px!important}.xa-agent .xa-reply-actions>button,.xa-agent .xa-reply-actions>.xad-quick,.xa-agent .xa-reply-actions>.xa-menu-anchor>button{font-family:inherit!important;font-size:11px!important;font-weight:400!important;line-height:18px!important;padding:2px 5px!important;min-height:22px!important;min-width:0!important;height:22px!important;letter-spacing:normal!important;box-shadow:none!important}.xa-agent .xa-reply-actions>button span{font:inherit!important;width:auto!important}.xa-agent .xa-reply-actions svg{width:13px!important;height:13px!important}.xa-agent .xa-input textarea#agentDraft{box-sizing:border-box!important;height:68px!important;min-height:68px!important;max-height:68px!important;resize:none!important;overflow-y:auto!important}.xa-agent .xa-input .xa-controls{position:relative!important;box-sizing:border-box!important;height:36px!important;min-height:36px!important;max-height:36px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;padding:0 80px 0 0!important;gap:3px!important}.xa-agent .xa-controls>.xa-composer-tools{display:contents!important}.xa-agent .xa-controls .xa-mode-panel,.xa-agent .xa-controls.xa-chat-controls .xa-mode-panel,.xa-agent .xa-controls.xa-creation-controls .xa-mode-panel{position:static!important;flex:1 1 0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;margin:0!important;padding:0 2px!important;transform:none!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;scrollbar-width:thin}.xa-agent .xa-controls .xa-mode-panel label{flex:0 0 auto!important;max-width:240px;min-width:0!important;display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important}.xa-agent .xa-controls .xa-mode-panel .xa-select-trigger{font-size:11px!important;max-width:200px!important;height:28px!important;min-height:28px!important;padding:3px 6px!important;gap:6px!important;transform:none!important}.xa-agent .xa-controls .xa-memory-wrap{position:absolute!important;right:40px!important;bottom:3px!important;left:auto!important;top:auto!important;width:28px!important;height:30px!important;margin:0!important;transform:none!important;display:grid!important;place-items:center!important}.xa-agent .xa-controls .xa-memory-ring{width:28px!important;height:28px!important;margin:0!important;transform:none!important;padding:2px!important}.xa-agent .xa-controls button.xa-send{position:absolute!important;right:0!important;bottom:3px!important;left:auto!important;top:auto!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;margin:0!important;padding:0!important;transform:none!important}.xa-agent .xa-controls>.xa-mode{font-family:inherit!important;font-size:11px!important;line-height:20px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:4px 6px!important}.xa-agent .xa-controls>.xa-context{height:36px!important;flex:0 0 32px!important;align-self:flex-end!important}.xa-agent .xa-controls .xa-context .xa-add{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:3px 0!important}.xa-agent .xa-controls>.xa-spacer{display:none!important}@media(max-width:480px){.xa-agent .xa-input .xa-controls{gap:0!important;padding-right:70px!important}.xa-agent .xa-controls>.xa-mode{padding:4px 3px!important;font-size:10px!important}.xa-agent .xa-controls>.xa-context{flex-basis:28px!important}.xa-agent .xa-controls .xa-mode-panel .xa-select-trigger{max-width:170px!important}}
.xa-agent .xa-controls [data-xa-mode][hidden]{display:none!important}.xa-agent .xa-controls .xa-mode-panel label,.xa-agent .xa-controls .xa-mode-panel select,.xa-agent .xa-controls .xa-mode-panel button{font-family:inherit!important;font-size:11px!important;line-height:18px!important}.xa-agent .xa-add-menu button{font-family:inherit!important;font-size:12px!important;font-weight:400!important;line-height:18px!important;padding:6px 10px!important}.agent-cloud-picker{font-family:inherit!important;font-size:12px!important;line-height:1.5}.agent-cloud-picker button,.agent-cloud-picker input,.agent-cloud-picker .agent-cloud-file-name{font-family:inherit!important;font-size:12px!important;line-height:18px!important}.agent-cloud-picker h2{font-family:inherit!important;font-size:15px!important;line-height:22px!important}.agent-cloud-picker p,.agent-cloud-picker footer{font-family:inherit!important;font-size:12px!important}.agent-cloud-picker .agent-cloud-close{font-size:20px!important}

/* Quiet document reader: content first, no repeated captions. */
.xad-panel .xad-header{padding:10px 14px;min-height:42px;border-bottom:1px solid #536b5812;margin-bottom:8px}.xad-panel .xad-brand{font-size:14px;font-weight:600}.xad-panel .xad-head-actions{gap:2px}.xad-panel .xad-collapse,.xad-panel .xad-icon{width:26px;height:26px;padding:0;line-height:26px;font-size:20px;background:transparent;color:#7b8b7e}.xad-panel .xad-toolbar{margin:0 10px 8px;padding:2px;background:transparent;gap:3px}.xad-panel .xad-toolbar button{padding:3px 9px;font-size:12px;border-radius:6px}.xad-panel .xad-toolbar .is-active{background:#e5ecdf;box-shadow:none}.xad-panel .xad-count{display:none}.xad-panel .xad-scroll{margin:0 10px;border-radius:8px}.xad-panel .xad-footer{justify-content:flex-end;padding:8px 12px 10px}.xad-panel .xad-status{margin:4px 14px 0;font-size:11px}.xad-panel .xad-toolbar [hidden]{display:none!important}

.xad-panel .xad-header{min-height:38px;padding:7px 12px;margin-bottom:6px}.xad-panel .xad-toolbar{margin-bottom:6px}.xad-panel .xad-paper,.xad-panel .xad-editor{padding:12px 14px;font-size:13px;line-height:1.7}.xad-panel .xad-paper p{margin-bottom:8px}.xad-panel .xad-footer{gap:6px;padding:7px 12px 9px}.xad-panel .xad-footer .xad-download{font-size:12px;line-height:20px;padding:4px 10px;border:1px solid #d8e1d2;border-radius:6px;background:transparent;color:#536d58}.xad-panel .xad-footer .xad-download:hover{background:#e9eee4}.xad-panel .xad-footer .xad-download:disabled{opacity:.45;cursor:default}.xad-panel .xad-footer .xad-primary{font-size:12px;line-height:20px;padding:5px 12px;border-radius:6px}.xad-panel .xad-footer .xad-download:first-child{margin-left:auto}

/* Explicit foreground keeps browser/global selection rules readable on the light editor. */
.xad-panel .xad-paper::selection,.xad-panel .xad-paper *::selection,.xad-panel textarea.xad-editor::selection{color:#203c2a!important;background:#c9ddbd!important;text-shadow:none!important}

/* workbench-creative-polish.678e6d4684f0fc0f.css */
/* Editable storyboard layout. */
/* Shared glass header and calm activity animation for image/video generation. */
html body .cc .cc-media-node.task-active>header{background:rgba(29,35,43,.38)!important;background-image:none!important;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);border:1px solid #ffffff0c!important;box-shadow:inset 0 1px #ffffff08;opacity:1}
.cc .cc-media-node.task-active header [data-task-label],.cc .cc-media-node.task-active header .cc-media-status{display:none!important}
.cc .cc-media-node.task-active header .cc-task-feedback{width:auto;min-width:0}
.cc .cc-media-node.task-active header .cc-task-progress{display:block!important;position:absolute;left:7px;right:7px;bottom:0;height:2px!important;margin:0!important;border-radius:2px;background:#ffffff08;overflow:hidden;pointer-events:none}
.cc .cc-media-node.task-active header .cc-task-progress i{width:32%!important;background:linear-gradient(90deg,transparent,#99c8dfcc,transparent);animation:ccSharedEnergy 3.6s linear infinite!important;transition:none}
.cc .cc-generation-atmosphere{display:none;pointer-events:none}
.cc .cc-media-node.is-generating .cc-generation-atmosphere,.cc .cc-media-node.is-video-loading .cc-video-loading-visual{display:block;position:absolute;inset:-20%;z-index:0;background:radial-gradient(ellipse at 23% 32%,#59749199,transparent 53%),radial-gradient(ellipse at 77% 67%,#78608088,transparent 55%),linear-gradient(125deg,#273642,#40384c 52%,#293f43);background-size:145% 145%;filter:blur(24px);opacity:.75;animation:ccSharedAtmosphere 9s ease-in-out infinite alternate}
.cc .cc-media-node.is-generating .cc-empty-media{position:relative;z-index:1}
.cc .cc-media-node.is-generating .cc-media-surface>img{position:relative;z-index:1}
.cc .cc-media-node.is-video-loading .cc-video-spinner{animation-duration:2.4s!important}
.cc .cc-media-node.is-video-loading .cc-video-surface small{display:none}
@keyframes ccSharedEnergy{from{transform:translateX(-110%)}to{transform:translateX(420%)}}
@keyframes ccSharedAtmosphere{from{background-position:0% 20%;transform:translate3d(-3%,1%,0) scale(1)}to{background-position:100% 80%;transform:translate3d(4%,-3%,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.cc .cc-media-node.task-active header .cc-task-progress i,.cc .cc-generation-atmosphere,.cc .cc-media-node.is-video-loading .cc-video-loading-visual,.cc .cc-media-node.is-video-loading .cc-video-spinner{animation:none!important}}
/* Quiet image-generation feedback: one status, three breathing dots, header progress. */
.cc .cc-media-node.is-generating .cc-media-surface:before,.cc .cc-media-node.is-generating .cc-media-surface:after{content:none!important;animation:none!important}
.cc .cc-media-node.is-generating .cc-empty-core em,.cc .cc-media-node.is-generating .cc-empty-core small,.cc .cc-media-node.is-generating .cc-empty-ability{display:none!important}
.cc .cc-media-node.is-generating .cc-media-surface>img{animation:none!important;filter:none;opacity:.7}
.cc .cc-generating-label{display:none;position:absolute;left:0;right:0;top:65%;z-index:3;align-items:center;justify-content:center;gap:7px;color:#e2e7ec;font-size:12px;line-height:20px;pointer-events:none}
.cc .cc-media-node.is-generating .cc-generating-label{display:flex}
.cc .cc-generating-dots{display:inline-flex;align-items:center;gap:4px;height:20px}
.cc .cc-generating-dots i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;animation:ccQuietDots 2.8s ease-in-out infinite}
.cc .cc-generating-dots i:nth-child(2){animation-delay:.25s}
.cc .cc-generating-dots i:nth-child(3){animation-delay:.5s}
.cc .cc-media-node.is-generating header [data-task-label]{display:none}
.cc .cc-media-node.is-generating header .cc-task-feedback{width:auto;min-width:0}
.cc .cc-media-node.is-generating header .cc-task-progress{display:block!important;position:absolute;left:7px;right:7px;bottom:0;height:2px!important;margin:0!important;border-radius:2px;background:#ffffff0a;pointer-events:none}
@keyframes ccQuietDots{0%,65%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@keyframes ccQuietEnergy{0%,100%{opacity:.55}50%{opacity:.95}}
@media(prefers-reduced-motion:reduce){.cc .cc-generating-dots i,.cc .cc-media-node.is-generating header .cc-task-progress i{animation:none!important}}
.cc .cc-node.type-storyboard>header{height:34px;box-sizing:border-box}
.cc .cc-node.type-storyboard .cc-storyboard-table-wrap thead{height:36px}
.cc .cc-node.type-storyboard>header .cc-drag-title{flex:0 1 auto}
.cc .cc-node.type-storyboard>header .cc-rename-node{margin-left:4px;margin-right:auto}
.cc .cc-node.type-storyboard.selected{border:1px solid #45b9e4!important;outline:none!important;box-shadow:0 8px 22px #0003!important}
.cc .cc-storyboard-table-wrap th{text-align:center;vertical-align:middle;border-bottom:2px solid #68717b66}
.cc .cc-story-col-resize{position:absolute;right:-4px;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;z-index:3}
.cc .cc-story-col-resize:after{content:'';position:absolute;left:3px;top:7px;bottom:7px;width:1px;background:#8eb8d5;opacity:0;transition:opacity .15s}
.cc .cc-story-col-resize:hover:after{opacity:.45}
.cc .cc-storyboard-table-wrap th:first-child span{display:flex;justify-content:center;align-items:center}
.cc .cc-storyboard-table-wrap td{text-align:center;vertical-align:middle}
.cc .cc-storyboard-table-wrap td[data-story-select-column="2"]{text-align:left}
.cc .cc-storyboard-table-wrap td.cc-story-prompt{text-align:left;vertical-align:top}
.cc .cc-storyboard-table-wrap th[contenteditable]{cursor:text;outline:none;font:inherit!important;font-size:12px!important;font-weight:600!important;color:var(--text)!important;text-align:center!important;vertical-align:middle!important}
html body .cc .cc-node.type-storyboard .cc-storyboard-table-wrap table thead th{background:var(--raised,#25282e)!important;min-height:36px}
.cc .cc-storyboard-table-wrap tr.is-story-row-selected td{background:#45b9e408}
.cc .cc-storyboard-table-wrap th.is-story-column-selected{box-shadow:inset 0 -2px #45b9e4}
.cc .cc-node.type-storyboard footer{flex-wrap:nowrap!important;white-space:nowrap;gap:8px;margin-top:auto;height:32px;min-height:32px!important;padding-top:4px!important;padding-bottom:4px!important;flex:0 0 32px}
.cc .cc-node.type-storyboard>.cc-node-number{bottom:8px}
.cc .cc-node.type-storyboard>.cc-note-resize{bottom:4px}
.cc .cc-node.type-storyboard footer>span:last-child{display:flex!important;flex-wrap:nowrap!important;align-items:center;min-width:0;gap:4px!important}
.cc .cc-node.type-storyboard footer button{flex:0 0 auto}
.cc .cc-node.type-storyboard footer .cc-story-tool{display:grid;place-items:center;width:20px;height:20px;padding:3px!important;border:0;background:transparent;color:var(--muted);font-size:10px}
.cc .cc-story-tool svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.cc .cc-story-tool svg .cc-story-tool-grid{stroke:#edf1f5;stroke-width:.7;stroke-dasharray:1 1.5;opacity:.55;stroke-linecap:butt}
.cc .cc-story-tool svg .cc-story-tool-axis{stroke-width:1.7;stroke:#79c7e6}
.cc .cc-story-tool svg .cc-story-tool-mark{stroke:#fff;stroke-width:2}
/* Unified image-operation picker and an open-ended sidebar highlight. */
html body .cc .cc-model-options>.cc-panel-field:has([data-field="imageOperation"]){grid-column:1/-1;grid-template-columns:48px minmax(0,1fr);overflow:visible}
html body .cc .cc-model-options .cc-ratio-trigger:focus-visible{outline-offset:-3px}
html body #navigation a[data-route="create"].active{border-right:0!important;border-image:none!important}
/* Creative space: fixed navigation and heading; only the collection scrolls. */
html body .workspace>#main:has(>.cc-gallery),html body .workspace>#main:has(>.wh-panel[data-history-kind]){display:flex!important;flex-direction:column;overflow:hidden!important;min-height:0;gap:0;scrollbar-gutter:auto}
html body .workspace>#main:is(:has(>.cc-gallery),:has(>.wh-panel[data-history-kind]))>.workspace-section-tabs{position:relative;top:auto;flex:0 0 40px;height:40px;min-height:40px;margin:0;padding:0;align-items:center;background:var(--bg,#101214);z-index:2}
html body .workspace>#main>.cc-gallery{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
html body .workspace>#main>.cc-gallery>header,html body .workspace>#main:has(>.wh-panel[data-history-kind])>.page-heading{flex:0 0 58px;height:58px;min-height:58px;margin:0;padding:8px 0;flex-wrap:nowrap;background:var(--bg,#101214);z-index:1}
html body .workspace>#main .cc-gallery>header h1,html body .workspace>#main:has(>.wh-panel[data-history-kind])>.page-heading h1{font-family:inherit;font-size:20px;font-weight:650;line-height:28px;height:28px}
html body .workspace>#main .cc-gallery>header>div:first-child{flex-basis:auto;overflow:hidden}
html body .workspace>#main .cc-gallery>header>div:first-child p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px}
html body .workspace>#main .cc-gallery-content,html body .workspace>#main>.wh-panel[data-history-kind]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-top:10px}
html body .workspace>#main .cc-gallery-cloud-notice{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
html body .workspace>#main .cc-cloud-conflict{flex:1;min-width:0;margin:0;flex-wrap:nowrap}
html body .workspace>#main .cc-cloud-conflict>span{min-width:0}
@media(max-width:1000px){html body .workspace>#main .cc-gallery>header>div:first-child p{display:none}html body .workspace>#main .cc-cloud-conflict{flex-wrap:wrap}}
/* Compact library layout: no forced full-screen gallery or bottom disclaimer. */
html body #main:has(>.cc-gallery){min-height:0;display:block}
html body #main>.workspace-section-tabs{position:sticky;top:0;z-index:30;width:100%;max-width:100%;gap:18px;margin:0 0 12px;padding:0;min-height:0;flex:none;background:var(--theme-background,var(--bg));border-bottom:0}
html body #main>.workspace-section-tabs a{padding:7px 2px 9px;font-size:12px;line-height:1.4;min-height:0;flex:none}
html body #main>.cc-gallery{display:block;min-height:0}
html body .cc-gallery>header{gap:12px;margin:0 0 10px;padding:0 0 10px;min-height:0;flex-wrap:wrap}
html body .cc-gallery>header>div:first-child{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
html body .cc-gallery>header h1{font-size:20px;line-height:1.4;min-height:0;margin:0;white-space:nowrap}
html body .cc-gallery>header>div:first-child p{margin:0;font-size:12px;line-height:1.5;max-width:none;min-width:0}
html body .cc-gallery>header>div:last-child{gap:3px;flex-shrink:0}
html body .cc-gallery .cc-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;min-height:0;padding:0 0 16px;flex:none}
html body .cc-gallery .cc-gallery-toolbar:not(:has(button:not(:disabled))){display:none}
html body .cc-gallery .cc-gallery-toolbar{margin:0 0 8px}
html body .cc-gallery .cc-gallery-cloud-notice{margin:0 0 10px;padding:8px 10px;border-radius:6px;background:var(--raised);font-size:12px;line-height:1.5;color:var(--muted)}
html body #main:has(>.wh-panel[data-history-kind="artifacts"])>.page-heading,html body #main:has(>.wh-panel[data-history-kind="jobs"])>.page-heading{display:flex;align-items:center;min-height:47px;box-sizing:border-box;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--line)}
html body #main:has(>.wh-panel[data-history-kind])>.page-heading>div{display:flex;align-items:center;gap:14px;min-width:0}
html body #main:has(>.wh-panel[data-history-kind])>.page-heading h1{font-size:20px;line-height:1.4;min-height:0;margin:0;white-space:nowrap}
html body #main:has(>.wh-panel[data-history-kind])>.page-heading p{font-size:12px;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
html body .cc-gallery>header{min-height:47px;box-sizing:border-box}
.cc-cloud-conflict{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.cc-cloud-conflict>span{flex:1;min-width:200px}.cc-cloud-conflict button{font-size:12px;padding:4px 8px;white-space:nowrap}
@media(min-width:761px){html body #main .cc-gallery>header,html body #main:has(>.wh-panel[data-history-kind])>.page-heading{height:48px;min-height:48px;padding:0 0 10px;margin:0 0 10px;box-sizing:border-box;align-items:center}html body #main .cc-gallery>header>div:first-child,html body #main:has(>.wh-panel[data-history-kind])>.page-heading>div:first-child{height:28px;min-height:0;margin:0;padding:0;display:flex;align-items:center}html body #main .cc-gallery>header h1,html body #main:has(>.wh-panel[data-history-kind])>.page-heading h1{margin:0;padding:0;height:28px;min-height:0;line-height:28px}}
html body .cc-gallery [hidden]{display:none!important}
html body .cc-gallery .cc-sync-help{position:relative;font-size:12px;color:var(--muted)}
html body .cc-gallery .cc-sync-help summary{cursor:pointer;padding:7px 9px;white-space:nowrap;list-style:none}
html body .cc-gallery .cc-sync-help>p{position:absolute;top:100%;right:0;width:min(360px,75vw);z-index:20;white-space:normal;box-sizing:border-box;padding:14px;margin:6px 0 0;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 8px 30px #0004;line-height:1.8}
body:has(.cc-gallery) .workspace-footer,body:has(.wh-panel[data-history-kind]) .workspace-footer{display:none}
@media(max-width:760px){html body .cc-gallery>header>div:first-child{flex-basis:100%;gap:10px}html body .cc-gallery>header>div:last-child{flex-wrap:wrap}html body .cc-gallery>header>div:first-child p{font-size:11px}}
body:has(.cc-gallery) .workspace-section-tabs,
body:has(.wh-panel[data-history-kind="artifacts"]) .workspace-section-tabs,
body:has(.wh-panel[data-history-kind="jobs"]) .workspace-section-tabs{
  width:100%;box-sizing:border-box;gap:24px;margin:0 0 22px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;
}
.workspace-section-tabs a{position:relative;padding:11px 2px 13px;border-radius:0;background:transparent!important;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}
.workspace-section-tabs a.active{color:var(--text);font-weight:650}
.workspace-section-tabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}
.cc-gallery>header{padding-bottom:18px;border-bottom:1px solid var(--line)}
.cc-gallery>header>div:first-child h1{min-height:31px}
.cc-gallery>header>div:first-child p{margin-top:7px;font-size:13px;line-height:1.6}
.cc-gallery>header>div:last-child{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cc-gallery>header>[data-library="backup-settings"],.cc-gallery>header>[data-library="trash"],.cc-gallery>header>div:last-child>[data-library="backup-settings"],.cc-gallery>header>div:last-child>[data-library="trash"]{display:inline-flex!important}
.cc-gallery>header [data-library="cloud-restore"],.cc-gallery>header [data-library="backup-settings"],.cc-gallery>header [data-library="trash"]{border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;padding:7px 9px;box-shadow:none}
.cc-gallery>header [data-library="cloud-restore"]:hover,.cc-gallery>header [data-library="backup-settings"]:hover,.cc-gallery>header [data-library="trash"]:hover{background:var(--raised);color:var(--text)}
.cc-gallery>header [data-library="new"]{border-radius:7px;padding:8px 13px;font-size:12px;font-weight:600;box-shadow:none}
.cc-gallery-toolbar{min-height:0;padding:0;margin:0;border:0}
.cc-gallery .cc-gallery-grid{padding:14px 0 10px}
.wh-panel{gap:12px}.wh-panel .wh-filters{padding-bottom:12px;border-bottom:1px solid var(--line)}
.wh-selection-tools{display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:12px;color:var(--muted);font-size:11px}
.wh-selection-tools button{padding:5px 9px;font-size:11px;border:1px solid var(--line);border-radius:6px;background:transparent}
.wh-selection-tools button:not(:disabled):hover{background:var(--raised)}
.wh-panel .result-grid{padding:4px 0 10px}.wh-panel .result-card{overflow:hidden}
.wh-panel .result-card.selected{outline:2px solid var(--accent);outline-offset:2px}
.results-marquee{position:fixed;z-index:9999;pointer-events:none;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}
.results-context-menu[data-history-menu]{position:fixed;z-index:10000;min-width:150px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 30px #0006}
.results-context-menu[data-history-menu] button{display:block;width:100%;padding:8px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:12px;text-align:left}.results-context-menu[data-history-menu] button:hover{background:var(--raised)}
.wh-panel .result-preview{position:relative;overflow:hidden;background:var(--raised);cursor:default}
.wh-panel .result-preview img{opacity:.38;filter:blur(8px);transition:opacity .26s ease,filter .3s ease}
.wh-panel .result-preview img.is-ready{opacity:1;filter:none}
.wh-panel .result-preview:not(:has(img))::after{content:"预览暂不可用";position:absolute;inset:auto 6px 12px;text-align:center;font-size:11px;color:var(--muted)}
.wh-jobs-table{width:100%;border-collapse:collapse}.wh-jobs-table th,.wh-jobs-table td{padding:10px 12px;text-align:left;white-space:nowrap}.wh-jobs-table th:nth-child(3),.wh-jobs-table td:nth-child(3){font-variant-numeric:tabular-nums}
.wh-jobs-table tr+tr{border-top:1px solid var(--line)}
.wh-loading-table,.wh-loading-grid{pointer-events:none}
.wh-loading-table td{height:65px;vertical-align:middle}
.wh-placeholder{display:block;width:100%;height:11px;border-radius:5px;background:#ffffff11;animation:wh-soft-pulse 1.7s ease-in-out infinite;animation-delay:calc(var(--row,0)*45ms)}
.wh-placeholder.long{width:65%;margin:2px 0 10px}.wh-placeholder.short{width:34%}.wh-placeholder.medium{width:58%}.wh-placeholder.pill{width:48%;height:18px;border-radius:5px}
.wh-loading-grid .result-preview.wh-placeholder{height:auto;aspect-ratio:1.35;border-radius:0;animation:none;background:#ffffff0b}
.wh-loading-grid .result-info{min-height:50px;align-content:center;gap:9px}
.wh-loading-grid .result-info .wh-placeholder{height:9px}
@keyframes wh-soft-pulse{0%,100%{opacity:.48}50%{opacity:.78}}
@media(max-width:700px){.workspace-section-tabs{gap:14px}.workspace-section-tabs a{font-size:12px}.cc-gallery>header>div:last-child{gap:2px}.wh-selection-tools span{display:none}.wh-jobs-table th,.wh-jobs-table td{padding:8px 6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.wh-panel .result-preview img{transition:none}.wh-placeholder{animation:none}}
/* The first two breadcrumb slots are identical on canvas and ordinary pages. */
html body .topbar-start>.breadcrumb,html body .topbar-start>.breadcrumb.cc-breadcrumb{grid-template-columns:66px 14px 80px 14px minmax(0,112px)!important;width:286px!important;min-width:286px!important;max-width:286px!important;column-gap:0!important;font-size:12px!important;line-height:1.2!important}
html body .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:66px 14px 80px!important;width:160px!important;min-width:160px!important;max-width:160px!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb>#crumb{display:contents!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb .cc-personal-label,html body .topbar-start>.breadcrumb.cc-breadcrumb .cc-workspace-label,html body .topbar-start>.breadcrumb:not(.cc-breadcrumb)>#crumb{justify-content:flex-start!important;text-align:left!important;padding:0 6px!important;font-size:12px!important}
html body .topbar-start>.breadcrumb.cc-breadcrumb .cc-crumb-separator,html body .topbar-start>.breadcrumb:not(.cc-breadcrumb)>span{width:14px!important;text-align:center!important}
@media(max-width:950px){html body .topbar-start>.breadcrumb,html body .topbar-start>.breadcrumb.cc-breadcrumb{grid-template-columns:60px 12px 72px 12px minmax(0,80px)!important;width:236px!important;min-width:236px!important;max-width:236px!important}html body .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:60px 12px 72px!important;width:144px!important;min-width:144px!important;max-width:144px!important}}
/* Canvas now uses the same two-level breadcrumb as the other creative tabs. */
html body .topbar-start>.breadcrumb:not(.cc-breadcrumb)>.cc-personal-label{width:100%!important;min-width:0!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;font-size:12px!important}
html body .topbar-start>.breadcrumb:not(.cc-breadcrumb)>#crumb{font-weight:600!important}
html body .topbar-start>.breadcrumb #crumb>.cc-gallery-link{display:inline-flex!important;align-items:center!important;min-height:30px;padding:0 2px!important;color:inherit;text-decoration:none;white-space:nowrap;font-weight:600}
html body .topbar-start>.breadcrumb #crumb>.cc-gallery-link:hover{color:var(--accent)}
/* Give the canvas return label its full width and keep glyph descenders clear. */
html body:has(.cc) .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:66px 14px 124px!important;width:204px!important;min-width:204px!important;max-width:204px!important}
html body:has(.cc) .topbar-start>.breadcrumb:not(.cc-breadcrumb)>#crumb{min-height:34px!important;overflow:visible!important;line-height:1.5!important;padding-block:2px!important}
html body .topbar #accountButton #displayName{display:flex!important;align-items:center!important;min-height:32px!important;line-height:1.6!important;padding-bottom:2px!important;box-sizing:border-box!important}
@media(max-width:950px){html body:has(.cc) .topbar-start>.breadcrumb:not(.cc-breadcrumb){grid-template-columns:60px 12px 124px!important;width:196px!important;min-width:196px!important;max-width:196px!important}}
/* Uniform project cards: cover, name, compact facts, sync state, actions. */
.cc-gallery .cc-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,304px));gap:16px;align-content:start}
.cc-gallery .cc-canvas-card{display:flex;flex-direction:column;min-height:274px;border:1px solid color-mix(in srgb,var(--line) 88%,white 12%);border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,var(--bg));box-shadow:0 6px 18px #00000016;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.cc-gallery .cc-canvas-card:hover{border-color:color-mix(in srgb,var(--accent) 37%,var(--line));box-shadow:0 12px 28px #0000002b;transform:translateY(-2px)}
#main .cc-gallery .cc-card-preview{height:168px;flex:0 0 168px;padding:7px;background:#181b20;border-bottom:1px solid var(--line)}
.cc-gallery .cc-card-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:3px}
.cc-gallery .cc-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:10px 12px 0;min-height:34px}
.cc-gallery .cc-card-heading h2{font-size:13px!important;line-height:1.4;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-gallery .cc-card-heading time,.cc-gallery .cc-card-heading span{font-size:11px;color:var(--muted);white-space:nowrap;line-height:1.4}
.cc-gallery .cc-card-heading time{max-width:108px;overflow:hidden;text-overflow:ellipsis}
.cc-gallery .cc-card-status{min-height:23px;margin:5px 12px 0;color:var(--muted);font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-gallery .cc-card-status:not(.error):has(progress){white-space:normal;overflow:visible}
.cc-gallery .cc-card-status:not(.error):not(:has(progress)){color:color-mix(in srgb,var(--accent) 68%,var(--muted))}
.cc-gallery .cc-card-actions{margin-top:auto;padding:5px 9px;border-top:1px solid var(--line);gap:3px}
#main .cc-gallery .cc-card-actions button{border:0;border-radius:6px;padding:4px 7px;color:var(--muted);font-size:11px}
#main .cc-gallery .cc-card-actions button:hover{background:var(--raised);color:var(--text)}
@media(max-width:700px){.cc-gallery .cc-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}}
@media(prefers-reduced-motion:reduce){.cc-gallery .cc-canvas-card{transition:none}.cc-gallery .cc-canvas-card:hover{transform:none}}
/* Works share one calm preview and provenance treatment. */
.result-info .result-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.result-info .result-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-source{flex:none;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 7px;white-space:nowrap}
.result-source.is-expired{color:#d6aa83;border-color:#a576584f}
.result-source.is-cloud{color:#a8d7ef;border-color:#75bce052;background:#75bce012}
#detailDialog:has(.artwork-detail){width:min(830px,calc(100vw - 28px));max-height:min(90vh,900px);padding:20px;background:#1c1e22;border-color:#41454c}
#detailDialog:has(.artwork-detail) .dialog-heading{margin-bottom:15px}
.artwork-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,255px);gap:18px;min-width:0}
.artwork-preview{min-height:340px;max-height:min(68vh,610px);display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff12;border-radius:12px;background:#121418}
.artwork-preview img,.artwork-preview video{display:block;max-width:100%;max-height:min(68vh,610px);object-fit:contain}
.artwork-preview video{width:100%;height:auto}
.artwork-meta{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:4px 1px}
.artwork-source{display:inline-flex;align-items:center;border:1px solid #75bce044;border-radius:99px;background:#75bce013;color:#a8d7ef;padding:5px 10px;font-size:11px;font-weight:600}
.artwork-meta p,.artwork-unavailable p{font-size:12px;line-height:1.65;color:var(--muted)}
.artwork-facts{width:100%;margin:0;display:grid;gap:0}
.artwork-facts>div{padding:9px 0;border-bottom:1px solid var(--line)}
.artwork-facts dt{font-size:10px;color:var(--muted);margin-bottom:4px}
.artwork-facts dd{margin:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.artwork-meta .detail-actions{margin-top:auto;width:100%}
.artwork-meta .detail-actions a,.artwork-meta .detail-actions button{display:inline-flex;justify-content:center;width:100%;border:1px solid #75bce05e;border-radius:8px;background:#75bce020;color:#d7f0ff;font-size:12px;padding:9px 12px;cursor:pointer}
.artwork-unavailable{display:grid;grid-template-columns:1fr;gap:12px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#17191d}
.artwork-unavailable .artwork-facts{max-width:500px}
@media(max-width:700px){.artwork-detail{grid-template-columns:1fr}.artwork-preview{min-height:220px;max-height:50vh}.artwork-preview img,.artwork-preview video{max-height:50vh}.artwork-meta .detail-actions{margin-top:2px}}
/* Small work cards: a fixed action cluster and a single-line, truthful state. */
#main .result-info{display:grid;gap:6px;min-width:0;padding:8px 9px 9px}
#main .result-info .result-title{display:block;min-width:0;line-height:1.2}
#main .result-info .result-title h3{margin:0;font-size:12px;line-height:18px;min-width:0}
#main .result-info .result-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;min-height:30px}
#main .result-status{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#a6abb3;font-size:10px;line-height:1.2;white-space:nowrap}
#main .result-status-label{overflow:hidden;text-overflow:ellipsis}
#main .result-status-dot{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#9298a2}
#main .result-status.is-cloud .result-status-dot{background:#64cba9}
#main .result-status.is-saving .result-status-dot{background:#75bce0}
#main .result-status.is-retrying .result-status-dot{background:#d8ad6a}
#main .result-status.is-expired .result-status-dot{background:#c98775}
#main .result-status.is-cloud{color:#9bd8c5}
#main .result-status.is-expired{color:#d7a897}
#main .result-actions{display:flex;align-items:center;gap:3px;flex:none}
#main .result-info .result-icon-action{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#aeb6be}
#main .result-info .result-icon-action:hover{background:#ffffff12;color:#fff}
#main .result-icon-action .icon{width:15px;height:15px}
/* Keep an existing thumbnail visible while the full work is decoded. */
.artwork-preview{position:relative}
.artwork-preview .artwork-preview-soft{max-width:100%;max-height:min(68vh,610px);filter:blur(13px);opacity:.58;transform:scale(1.025)}
.artwork-preview .artwork-preview-full{position:absolute;inset:0;margin:auto;opacity:0;filter:blur(9px);transition:opacity .28s ease,filter .38s ease}
.artwork-preview .artwork-preview-full.is-ready{opacity:1;filter:none}
.artwork-preview .artwork-preview-wait{position:absolute;left:14px;bottom:12px;padding:5px 8px;border-radius:6px;background:#14161bd9;color:#c1c8d0;font-size:11px}
.artwork-preview.is-ready .artwork-preview-wait{display:none}
.artwork-preview.is-unavailable .artwork-preview-wait{color:#dfae9f}
@media(prefers-reduced-motion:reduce){.artwork-preview .artwork-preview-full{transition:none;filter:none}}
/* Shared canvas node appearance; preserve custom text-node dimensions. */
.cc .cc-node:is(.type-text,.type-image,.type-material,.type-result,.type-video,.type-prompt){background:#1c1e22!important}
.cc .cc-media-node .cc-video-surface,.cc .cc-media-node .cc-media-surface{background:transparent!important}
.cc .cc-node:is(.type-text,.type-image,.type-material,.type-result,.type-video,.type-prompt)>header{background:#363b43!important;color:#f4f6f8}
.cc .cc-media-node>.cc-port:is(.port-reference,.port-media)::after{background:#5bdea1!important}
.cc .cc-media-node>.cc-port.port-control::after{background:#8a9bff!important}
.cc .cc-media-node>.cc-port.in{opacity:1;transform:none}
.cc .cc-empty-image-icon{width:52px;height:46px;fill:none;stroke:#dce0e4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cc .cc-media-node .cc-empty-core{gap:5px}
.cc .cc-media-node .cc-empty-core em{font-size:11px;font-weight:400;line-height:1.4}
.cc .cc-node:is(.type-prompt,.type-text,.type-image,.type-material,.type-result,.type-video)>.cc-port{opacity:0!important;transition:opacity .18s ease!important}
.cc .cc-node:is(.type-prompt,.type-text,.type-image,.type-material,.type-result,.type-video):hover>.cc-port,.cc .cc-node>.cc-port:focus-visible,.cc:has(.cc-port.linking) .cc-node>.cc-port{opacity:1!important}
@media(hover:none){.cc .cc-node:is(.type-prompt,.type-text,.type-image,.type-material,.type-result,.type-video)>.cc-port{opacity:1!important}}
@media(prefers-reduced-motion:reduce){.cc .cc-node>.cc-port{transition:none!important}}
.cc .cc-media-node .cc-empty-media .cc-empty-ability{bottom:28px;left:16px;right:16px;font-size:10px;line-height:1.45;-webkit-line-clamp:3}
/* Quiet canvas: routine success feedback belongs in the nodes, not the footer. */
html body .cc .cc-tip{display:none!important}
html body .cc .cc-status:empty{display:none!important}
/* Storyboard assembly is explicit and separate from paid generation. */
.cc-storyboard-compose{width:min(660px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:#e7e9ed;background:#202328;border:1px solid #ffffff20;border-radius:12px;padding:18px}
.cc-storyboard-compose header,.cc-storyboard-compose footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc-storyboard-compose header h3{margin:0;font-size:16px}.cc-storyboard-compose header button{border:0;background:transparent;color:inherit;font-size:22px}
.cc-storyboard-compose .cc-compose-note{font-size:12px;line-height:1.6;color:#aeb5be}
.cc-compose-shot{padding:12px 0;border-top:1px solid #ffffff12}.cc-compose-shot b{display:block;margin-bottom:7px;font-size:12px}
.cc-compose-shot select{width:100%;padding:7px;background:#292d34;border:1px solid #ffffff20;color:inherit;border-radius:6px}
.cc-compose-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0;font-size:12px}.cc-compose-controls input{width:80px;margin-left:6px;padding:5px;background:#16191e;color:inherit;border:1px solid #ffffff20;border-radius:5px}
.cc-compose-shot video{display:block;width:100%;max-height:180px;background:#131518;border-radius:6px}.cc-compose-shot video[hidden]{display:none}
.cc-storyboard-compose button{padding:5px 9px;color:inherit;background:#30353e;border:1px solid #ffffff18;border-radius:6px;cursor:pointer}.cc-storyboard-compose button:disabled{opacity:.5;cursor:wait}.cc-storyboard-compose button.primary{background:#1766a0}
.cc-compose-error{font-size:12px;color:#ffb5ad;white-space:pre-wrap}.cc-compose-error:empty{display:none}

.cc .cc-video-surface .cc-video-busy-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:blur(4px) brightness(.38);pointer-events:none;z-index:0}.cc .is-video-loading .cc-video-surface:has(.cc-video-busy-backdrop) .cc-video-loading-visual{opacity:.48}.cc .is-video-loading .cc-video-loading-label{font-size:12px;font-weight:500}.cc .is-video-loading .cc-video-surface small{font-size:10px;color:#c7cdd5;text-align:center;padding:0 12px}

.cc .cc-video-surface .cc-video-loading-visual{position:absolute;inset:-12%;z-index:0;background:radial-gradient(circle at 24% 30%,#5b6f9e 0 15%,transparent 42%),radial-gradient(circle at 75% 68%,#806b96 0 18%,transparent 46%),linear-gradient(125deg,#25364a,#4a3b58 52%,#263f45);filter:blur(15px);opacity:.72;animation:ccVideoGlow 3.2s ease-in-out infinite alternate}.cc .cc-video-spinner,.cc .cc-video-loading-label,.cc .is-video-loading .cc-video-surface small{position:relative;z-index:1}.cc .cc-video-spinner{width:28px;height:28px;border:2px solid #ffffff35;border-top-color:#eef4ff;border-radius:50%;animation:ccVideoSpin .85s linear infinite}.cc .cc-video-loading-label{font-size:11px;color:#f0f3f8}.cc .is-video-loading .cc-video-surface{overflow:hidden;background:#29303a!important}@keyframes ccVideoSpin{to{transform:rotate(360deg)}}@keyframes ccVideoGlow{from{transform:scale(1) translate3d(-2%,0,0)}to{transform:scale(1.08) translate3d(2%,-1%,0)}}@media(prefers-reduced-motion:reduce){.cc .cc-video-spinner,.cc .cc-video-surface .cc-video-loading-visual{animation:none}}
.cc .is-video-loading .cc-video-surface{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative}.cc .is-video-loading .cc-video-spinner{display:block;flex-shrink:0}