/* 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}}