/* workbench.css */
:root{color-scheme:dark;--bg:#0c1213;--sidebar:#101819;--panel:#151f21;--raised:#1b282a;--line:#2a383b;--text:#ecf1ee;--muted:#91a3a5;--accent:#b1e62c;--accent-ink:#142006;--accent-soft:#25371e;--danger:#ff9a90;--radius:14px;--font:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:1px solid var(--line);border-radius:9px;background:var(--raised);color:var(--text);padding:9px 15px;line-height:22px}button:hover:not(:disabled){border-color:#5a7270}input,textarea,select{min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:9px 12px;line-height:22px;max-width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#718486}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.4;font-weight:650;letter-spacing:-.5px}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}small,.small{font-size:12px}.muted{color:var(--muted)}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.quiet{background:transparent}.full{width:100%}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:214px;padding:30px 16px 20px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font-size:20px;font-weight:700;letter-spacing:.3px}.brand small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:400}.brand-mark{display:grid;place-items:center;width:37px;height:39px;background:var(--accent);border-radius:13px 13px 13px 5px;color:var(--accent-ink);font-size:21px}.nav-caption{font-size:11px;color:#617778;padding:40px 15px 12px;letter-spacing:2px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:10px;color:var(--muted)}nav a:hover{background:var(--raised);color:var(--text)}nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}nav a:nth-child(6){margin-top:22px}nav .nav-tag{font-size:9px;padding:0 5px;border:1px solid var(--line);border-radius:4px;margin-left:auto;color:var(--muted)}.sidebar-bottom{margin-top:auto;padding:45px 14px 0;color:var(--muted);font-size:12px}.sidebar-bottom a{display:block;margin-top:13px}.version{display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.workspace{margin-left:214px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#455c5c}.breadcrumb b{color:var(--text);font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.top-actions button{font-size:12px}.top-actions .quiet{border:0;padding:6px}.balance{background:transparent;border:0;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.account-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0}.avatar{width:31px;height:31px;display:inline-grid;place-items:center;background:#34433d;color:#d4e7b9;border-radius:50%;font-size:12px}#main{width:100%;max-width:1530px;margin:0 auto;padding:34px 36px 45px;flex:1;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:13px;margin-top:7px}.date-label{color:var(--muted);font-size:12px}.notice{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 17px;border:1px solid #52623b;border-radius:10px;background:#1b2518;color:#c7d6b5;margin-bottom:22px;font-size:12px}.notice.error{background:#2b1c1a;border-color:#71473f;color:#ffc5bd}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{display:block;text-align:left;padding:20px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line)}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-top .icon{width:17px;height:17px}.stat strong{display:block;font-size:29px;font-weight:550;line-height:1.4;margin:9px 0;font-variant-numeric:tabular-nums}.stat small{font-size:11px;color:var(--muted)}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px}.stack{display:grid;align-content:start;gap:22px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:23px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.text-link{border:0;padding:0;background:none;color:var(--muted);font-size:12px}.text-link:hover{color:var(--accent)}.agent-panel{background:linear-gradient(125deg,#203029,var(--panel) 75%);border-color:#344c3b}.agent-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.agent-symbol{width:40px;height:40px;background:var(--accent-soft);color:var(--accent);border:1px solid #4a6637;border-radius:12px;display:grid;place-items:center;font-size:22px}.agent-heading p{font-size:12px;color:var(--muted);margin-top:3px}.composer{border:1px solid #3b5047;border-radius:11px;padding:12px;background:#101a17}.composer textarea{border:0;background:none;min-height:70px;width:100%;padding:3px;outline-offset:1px}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;color:var(--muted);font-size:11px}.composer-foot button{font-size:12px;padding:6px 13px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.suggestions button{border-color:#35463e;background:transparent;border-radius:7px;font-size:11px;padding:4px 10px;color:#b7c6bc}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.skill{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#111b1d;padding:15px 13px;border-radius:10px;min-width:0}.skill .skill-icon{display:grid;place-items:center;border-radius:10px;width:36px;height:36px;background:#213332;color:#aadbd0;margin-bottom:16px}.skill:nth-child(2) .skill-icon{background:#302d38;color:#c3b4dd}.skill:nth-child(3) .skill-icon{background:#333322;color:#d7d299}.skill:nth-child(4) .skill-icon{background:#26323f;color:#9dc5e7}.skill b{font-size:13px;font-weight:500}.skill small{font-size:10px;color:var(--muted);margin-top:4px}.empty{padding:26px 12px;text-align:center;display:grid;justify-items:center;gap:8px;color:var(--muted)}.empty .icon{width:29px;height:29px;color:#53696a;margin-bottom:4px}.empty strong{font-size:13px;color:#c2cfcb;font-weight:500}.empty p{font-size:12px;max-width:420px;line-height:1.8}.empty button{margin-top:5px;font-size:12px}.device-mini{padding:16px;background:#10191b;border-radius:10px;margin-bottom:14px}.device-mini strong{display:block;font-size:13px;margin-bottom:6px}.device-mini p{font-size:11px;color:var(--muted)}.pill{font-size:10px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 8px;border-radius:5px;background:#25382a;color:#c2df9e}.pill.neutral{background:#263337;color:#a8bdc3}.pill.error{background:#422b28;color:#ffb3a8}.pro-card{background:linear-gradient(130deg,#29271d,var(--panel));border-color:#484634}.pro-card h2{color:#e1cea0}.pro-card p{color:#b8b9ab;font-size:12px;line-height:1.9;margin:12px 0 18px}.pro-card button{width:100%;background:transparent;border-color:#706343;color:#e1cea0;font-size:12px}.hint-list{list-style:none;padding:0;margin:0;display:grid;gap:15px}.hint-list li{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:flex-start}.hint-list li span{color:#65837a}.workspace-footer{padding:0 36px 22px;color:#647a79;font-size:11px;display:flex;justify-content:space-between;gap:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.filter-tabs{display:flex;flex-wrap:wrap;gap:5px}.filter-tabs button{font-size:12px;background:transparent;border-color:transparent;padding:7px 13px}.filter-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:#344d2c}.search{width:250px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{color:var(--muted);font-weight:400;background:#111b1d}th,td{padding:14px 16px;border-bottom:1px solid var(--line)}td.name-cell{white-space:normal;min-width:170px;max-width:350px}td.name-cell small{display:block;color:var(--muted);margin-top:4px}td button{font-size:11px;padding:3px 10px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.result-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.result-preview{aspect-ratio:4/3;display:grid;place-items:center;background:#10191b;overflow:hidden}.result-preview img{width:100%;height:100%;object-fit:contain}.result-info{padding:15px}.result-info p{font-size:12px;color:var(--muted);margin:6px 0}.result-info button{font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-list{display:grid;gap:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row span{color:var(--muted);font-size:12px}.settings-row b{font-size:13px;font-weight:500;overflow-wrap:anywhere;text-align:right}.plan-price{font-size:32px;margin:18px 0 8px}.plan-price small{color:var(--muted);font-size:12px}.check-list{list-style:none;padding:0;color:var(--muted);font-size:13px;line-height:2.6;margin:18px 0}.check-list li::before{content:'✓';color:var(--accent);margin-right:10px}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.device-grid .panel-head{align-items:flex-start}.device-grid h3{overflow-wrap:anywhere}.draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.field{display:grid;gap:8px;margin:18px 0;color:var(--muted);font-size:12px}.field textarea{min-height:190px}.flow-step{padding:18px 0;border-bottom:1px solid var(--line)}.flow-step strong{display:block;font-size:13px}.flow-step p{font-size:12px;color:var(--muted);margin-top:6px}.form-message{color:var(--danger);font-size:12px;min-height:24px;margin:12px 0}dialog{color:var(--text);background:var(--panel);border:1px solid #435956;border-radius:17px;padding:28px;width:min(580px,calc(100vw - 36px));max-height:85vh;overflow:auto}dialog::backdrop{background:#030b0bcc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px}.dialog-heading button{padding:0 8px;background:none;border:0;font-size:25px}dialog label{display:grid;gap:8px;margin-top:18px;color:var(--muted);font-size:12px}.register-link{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#2a3b30;border:1px solid #617b50;border-radius:10px;box-shadow:0 8px 28px #0005;z-index:100;display:none;max-width:90vw;font-size:13px}#toast.visible{display:block}.detail-image{max-width:100%;max-height:50vh;display:block;margin:auto}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.detail-actions a{border:1px solid var(--line);border-radius:9px;padding:9px 15px}.danger{color:var(--danger)}
@media(min-width:1600px){#main{padding-top:42px}.home-columns{grid-template-columns:minmax(0,1fr) 320px}.panel{padding:27px}}
@media(max-width:1200px){.sidebar{width:188px}.workspace{margin-left:188px}.topbar{padding:0 24px}#main{padding:28px 24px}.home-columns{grid-template-columns:minmax(0,1fr) 250px}.skill-grid{grid-template-columns:repeat(2,1fr)}.skill{display:grid;grid-template-columns:36px 1fr;gap:0 12px}.skill .skill-icon{grid-row:1/3;margin:0}.stats{gap:10px}.stat{padding:16px}.draft-layout{grid-template-columns:1fr}}
@media(max-width:950px){.home-columns{grid-template-columns:1fr}.home-columns>.stack:last-child{grid-template-columns:1fr 1fr}.home-columns>.stack:last-child>.panel:last-child{grid-column:1/-1}.two-columns{grid-template-columns:1fr}.top-actions{gap:6px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.stats{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:repeat(2,1fr)}.device-grid{grid-template-columns:1fr}.date-label{display:none}}
@media(max-width:640px){.sidebar{position:static;width:100%;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 5px;font-size:18px}.brand small{display:none}.brand-mark{width:30px;height:30px;font-size:17px}.nav-caption,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:4px;margin-top:15px}nav a{white-space:nowrap;padding:8px 10px;font-size:12px}nav a .icon{display:none}nav a:nth-child(6){margin-top:0}.nav-tag{display:none}.workspace{margin:0}.topbar{height:58px;padding:0 18px}.top-actions{width:100%;justify-content:space-between}#main{padding:24px 16px}.page-heading{margin-bottom:20px}h1{font-size:23px}.panel{padding:18px}.home-columns>.stack:last-child{grid-template-columns:1fr}.stat strong{font-size:25px}.stat small{font-size:10px}.home-columns,.stack{gap:16px}.workspace-footer{padding:0 16px 20px;flex-direction:column;gap:4px}.search{width:100%}.result-grid{grid-template-columns:1fr}.notice{align-items:flex-start}.composer-foot{align-items:flex-end}.composer-foot span{max-width:180px}}
.account-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0 18px;padding:4px;border-radius:10px;background:var(--bg)}.account-mode-tabs button{border:0;background:transparent;color:var(--muted)}.account-mode-tabs button.active{background:var(--raised);color:var(--text)}.account-agreement{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px}.account-agreement input{min-height:0}
#loginDialog{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:22px 24px 20px;border:1px solid color-mix(in srgb,var(--line) 78%,#fff 22%);border-radius:18px;box-shadow:0 24px 70px #0009}#loginDialog .dialog-heading{margin-bottom:12px}#loginDialog .dialog-heading h2{font-size:20px;letter-spacing:-.2px}#loginDialog .dialog-heading button{font-size:22px;color:var(--muted)}#loginDialog .account-mode-tabs{margin:4px 0 14px;padding:3px;border:1px solid var(--line);border-radius:9px}#loginDialog .account-mode-tabs button{min-height:34px;padding:5px 10px;border-radius:6px;font-size:13px}#loginDialog .account-mode-tabs button.active{background:color-mix(in srgb,var(--raised) 84%,var(--accent) 16%);color:var(--text)}#loginDialog #accountDialogHint{font-size:12px;line-height:1.65;margin-bottom:3px}#loginDialog form>label:not(.account-agreement){gap:6px;margin-top:12px;font-size:12px}#loginDialog form>label:not(.account-agreement)>input{width:100%;min-height:42px;height:42px;padding:8px 12px;border-radius:9px}#loginDialog .account-agreement{display:flex!important;align-items:center;gap:8px;margin:14px 0 2px;color:var(--muted);font-size:12px;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:var(--accent)}#loginDialog [hidden]{display:none!important}#loginDialog .form-message{min-height:18px;margin:7px 0 5px}#loginDialog .primary.full{height:42px;padding:8px 14px;border-radius:9px}#loginDialog .register-link{margin-top:12px;font-size:11px;line-height:1.5}
@media(max-width:480px){#loginDialog{padding:20px 18px 18px}#loginDialog .account-agreement{white-space:normal}}

/* workbench-sidebar.831442fff4ea4d81.css */
/* Shared navigation shell: compact desktop rail and small-screen drawer. */
:root{--workbench-sidebar-top:0px}
@media(min-width:641px){body .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100dvh!important;z-index:60!important}body .workspace{margin-left:var(--workbench-sidebar-width)!important;min-height:100dvh}body .workspace>.topbar{position:sticky!important;top:0!important;z-index:55!important}}
@media(min-width:641px){body .workspace>.topbar{width:auto!important;max-width:none!important;box-sizing:border-box;overflow:visible!important}body .workspace>.topbar .top-actions{min-width:0;flex-shrink:1}body .sidebar #navigation{flex:1;min-height:0;overflow-y:auto}body .sidebar .sidebar-bottom{flex-shrink:0;margin-top:auto}}
@media(min-width:641px){body .workspace>.topbar{display:flex!important;grid-template-columns:none!important;padding-left:28px!important;padding-right:20px!important}body .workspace>.topbar .commerce-actions{width:auto!important;min-width:0!important;max-width:none!important;flex:0 1 auto!important;gap:6px!important;overflow:visible!important}body .workspace>.topbar .commerce-actions>*{flex-shrink:1}body .workspace>.topbar .commerce-actions .cloud-space-chip{width:auto!important;min-width:150px!important}body .workspace>.topbar .commerce-actions #accountButton{width:auto!important;min-width:86px!important}}
@media(min-width:641px){html body .workspace>.topbar{left:var(--workbench-sidebar-width)!important;width:calc(100vw - var(--workbench-sidebar-width))!important;right:auto!important}.workspace .topbar .commerce-actions{overflow:visible!important}}
:root{--workbench-sidebar-width:214px}
.sidebar{width:var(--workbench-sidebar-width);padding:18px 12px 12px;overflow:hidden}
.sidebar .brand{padding:0 8px;gap:10px;flex-shrink:0;font-size:19px}
.sidebar .brand-mark{flex-shrink:0;width:34px;height:36px}
.sidebar .brand small{letter-spacing:0;font-size:11px}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 6px;flex-shrink:0}
.sidebar .nav-caption{display:block;padding:0 6px;letter-spacing:1px}
.sidebar-icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;flex-shrink:0;background:transparent;color:var(--muted)}
.sidebar-icon-button:hover{background:var(--raised);color:var(--text)}
.sidebar-icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.sidebar-heading .sidebar-icon-button{width:28px;height:28px;border-color:transparent;font-size:24px}
#navigation{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent}
#navigation:hover,#navigation:focus-within{scrollbar-color:var(--line) transparent}
#navigation::-webkit-scrollbar{width:4px}
#navigation::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
#navigation:hover::-webkit-scrollbar-thumb,#navigation:focus-within::-webkit-scrollbar-thumb{background:var(--line)}
#navigation a{flex-shrink:0;min-height:40px;padding:8px 10px;gap:9px;font-size:13px;white-space:nowrap;border-radius:8px}
#navigation a:nth-child(6){margin-top:8px}
#navigation a .icon{display:block;width:18px;height:18px}
#navigation .nav-tag{display:inline-block;flex-shrink:0;font-size:8px;padding:0 3px}
.sidebar .sidebar-bottom{display:block;margin-top:10px;padding:10px 8px 0;border-top:1px solid var(--line);flex-shrink:0;font-size:11px}
.sidebar-bottom a{margin-top:5px}
.workspace{margin-left:var(--workbench-sidebar-width);min-width:0}
.topbar{height:64px;justify-content:space-between}
.topbar-start{display:flex;align-items:center;gap:12px;min-width:0}
body.workbench-nav-collapsed .sidebar{display:none}
body.workbench-nav-collapsed .workspace{margin-left:0}
.sidebar-backdrop{position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#0009;z-index:30}
.sidebar-backdrop[hidden]{display:none}
@media(max-width:640px){
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(250px,85vw);height:100dvh;border-right:1px solid var(--line);border-bottom:0;z-index:40;display:none}
  .sidebar.open{display:flex}
  .sidebar .brand small{display:block}
  .sidebar .brand{font-size:19px}
  .workspace{margin-left:0}
  .topbar{height:58px;padding:0 12px;gap:8px}
  .top-actions{width:auto;gap:4px;min-width:0}
  .top-actions .balance{padding:6px}
  .top-actions #displayName{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #refreshButton{display:none}
  body.workbench-nav-open{overflow:hidden}
}
@media(forced-colors:active){#navigation{scrollbar-color:auto}}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

:root{--workbench-sidebar-width:200px}
/* Compact receiver status and appearance control. */
#navigation a[data-route="create"] .ps-inbox-dot{margin-left:auto!important;flex:0 0 6px;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#71bdaa;box-shadow:0 0 0 3px #71bdaa16}
#navigation a[data-route="create"] .ps-inbox-dot:after{display:none!important}
.sidebar-bottom .version{display:none}
#workbenchSidebar #workspaceTheme{align-self:flex-start;margin:10px 8px 0;padding:3px 9px;min-height:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;line-height:20px;box-shadow:none}
#workbenchSidebar #workspaceTheme:hover{background:var(--raised);color:var(--text)}
#navigation a.active{background:linear-gradient(90deg,#173b49b3,transparent)!important;color:#8bd7ff!important;position:relative}
#navigation a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#43c8ff}

/* creative-canvas.b99bbd8edcc84926.css */
/* Scoped exclusively to the personal workbench's #create route. */
#main:has(.cc){max-width:none;padding:0;display:flex;min-height:0}
body:has(.cc) .workspace-footer{display:none}
.cc{--cc-border:#344240;width:100%;height:calc(100dvh - 64px);min-height:480px;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;user-select:none;-webkit-user-select:none}
.cc input,.cc textarea,.cc [contenteditable="true"]{user-select:text;-webkit-user-select:text}
.cc button{font-size:12px;line-height:20px;padding:5px 10px;border-radius:7px;white-space:nowrap}
.cc button.active{background:var(--accent-soft);color:var(--accent);border-color:#526d37}
.cc-head{display:flex;align-items:center;gap:16px;min-height:70px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.cc-head h1{font-size:18px;letter-spacing:0}.cc-head p{font-size:11px;color:var(--muted)}
.cc-project-name{font-size:13px;min-height:30px;max-width:200px;background:transparent;border-color:transparent;padding:3px 8px}
.cc-head-actions{display:flex;gap:6px;margin-left:auto;align-items:center}
.cc-body{display:flex;flex:1;min-height:0;position:relative}
.cc-library{width:158px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);padding:14px 10px;overflow-y:auto;scrollbar-width:thin}
.cc-library h2{font-size:11px;color:var(--muted);padding:2px 8px 9px;font-weight:500;letter-spacing:1px}
.cc-library button{width:100%;text-align:left;display:flex;align-items:center;gap:9px;margin-bottom:5px;background:transparent;border-color:transparent;padding:8px}
.cc-library button:hover{background:var(--raised);border-color:var(--line)}
.cc-library .cc-symbol{width:25px;height:25px;display:grid;place-items:center;background:var(--raised);border-radius:6px;color:var(--accent);font-size:15px}
.cc-library hr{border:0;border-top:1px solid var(--line);margin:15px 8px}
.cc-library small{display:block;font-size:10px;color:var(--muted)}
.cc-library .cc-note{font-size:10px;line-height:1.8;padding:8px;color:var(--muted)}
.cc-stage{position:relative;flex:1;min-width:0;overflow:hidden;background-color:#1b1d21;background-image:radial-gradient(circle at 1px 1px,#858a9242 .5px,transparent .8px);background-size:40px 40px;touch-action:none;outline:none}
.cc-stage:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
.cc-world{position:absolute;left:0;top:0;transform-origin:0 0;width:1px;height:1px}
.cc-links{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}
.cc-links path{fill:none;stroke:#7a9753;stroke-width:2;opacity:.8;pointer-events:stroke;cursor:pointer}
.cc-links path:hover{stroke:var(--accent);stroke-width:5}
.cc-node{position:absolute;width:260px;height:246px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--cc-border);border-radius:12px;box-shadow:0 8px 24px #0003;user-select:none}
.cc-node.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px #0003}
.cc-node header{height:43px;display:flex;gap:9px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);cursor:grab;flex-shrink:0}
.cc-node header strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-node header small{margin-left:auto;font-size:10px;color:var(--muted)}
.cc-node-content{padding:12px;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.cc-node p{font-size:12px;color:#c0cfca;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere}
.cc-node .cc-node-meta{font-size:10px;color:var(--muted);margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-node footer{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#101819;border-radius:0 0 12px 12px;font-size:10px;color:var(--muted)}
.cc-node .cc-preview{height:126px;min-height:0;display:flex;align-items:center;justify-content:center;background:#0d1516;border:1px dashed var(--line);border-radius:7px;overflow:hidden;color:var(--muted);font-size:11px;text-align:center}
.cc-preview img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.cc-preview span{padding:12px}
.cc-media-status-wrap{margin-left:auto;display:flex;align-items:center;gap:6px}
.cc-media-status{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--node-accent) 14%,transparent);color:color-mix(in srgb,var(--node-accent) 84%,#d8e8df);font-size:9px;white-space:nowrap;line-height:15px}
.cc-port{position:absolute;top:112px;width:18px!important;height:18px;padding:0!important;border:3px solid var(--panel)!important;border-radius:50%!important;background:#8eac67!important;z-index:2}
.cc-port.in{left:-9px}.cc-port.out{right:-9px}.cc-port.linking{background:var(--accent)!important;box-shadow:0 0 0 3px #b1e62c44}
.cc-group{position:absolute;border:1px dashed #698358;border-radius:16px;background:#8cad4910;pointer-events:none}
.cc-group button{position:absolute;left:10px;top:6px;background:transparent;border:0;pointer-events:auto;color:#b7cc9c}
.cc-node.type-storyboard{background:color-mix(in srgb,var(--panel) 96%,#8ca5c8 4%)}.cc-node.type-storyboard .cc-node-content{overflow:auto;padding:0}.cc-storyboard-table-wrap{width:100%;height:100%;overflow:auto}.cc-storyboard-table-wrap table{width:100%;min-width:920px;border-collapse:collapse;font-size:11px;line-height:1.55}.cc-storyboard-table-wrap th,.cc-storyboard-table-wrap td{padding:8px 9px;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.cc-storyboard-table-wrap th{position:sticky;top:0;z-index:1;background:var(--raised);color:var(--text);font-weight:600}.cc-storyboard-table-wrap .cc-storyboard-index{font-weight:650;color:var(--text);white-space:nowrap}.cc-node.type-storyboard footer{display:flex;align-items:center;justify-content:space-between}.cc-node.type-storyboard footer button{padding:4px 8px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:6px;background:transparent;color:var(--text);font-size:10px}.cc-node.type-storyboard footer button:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.cc-zoom{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:5px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:9px;z-index:4}
.cc-zoom span{font-size:11px;min-width:38px;text-align:center}.cc-zoom button{background:transparent;border:0}
.cc-tip{position:absolute;bottom:18px;left:15px;color:var(--muted);font-size:10px;pointer-events:none;max-width:65%}
.cc-marquee{position:absolute;border:1px solid var(--accent);background:#b1e62c15;pointer-events:none;z-index:3}
.cc-inspector{width:260px;flex-shrink:0;padding:15px;background:var(--sidebar);border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}
.cc-inspector h2{font-size:14px;margin:0 0 16px;display:flex;justify-content:space-between;align-items:center}
.cc-inspector label{display:grid;gap:6px;font-size:11px;color:var(--muted);margin-bottom:14px}
.cc-inspector input,.cc-inspector select,.cc-inspector textarea{width:100%;font-size:12px;padding:7px 9px;min-height:35px}
.cc-inspector textarea{min-height:108px;resize:vertical}.cc-inspector p{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0}
.cc-inspector .cc-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-inspector .cc-warning{padding:9px;border:1px solid #665d32;border-radius:7px;background:#332d191f;color:#d7c68a}
.cc-inspector .primary{width:100%;margin:6px 0}
.cc-status{font-size:11px;padding:5px 20px;border-top:1px solid var(--line);color:var(--muted);min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-status.error{color:var(--danger)}
.cc [hidden]{display:none!important}
@media(max-width:1100px){.cc-library{width:135px}.cc-inspector{width:235px}.cc-head{padding:10px 14px;gap:8px}.cc-project-name{max-width:150px}}
@media(max-width:800px){.cc-inspector{position:absolute;right:0;top:0;bottom:0;width:250px;z-index:6;box-shadow:-8px 0 24px #0005}.cc-library{width:120px}.cc-head-actions{flex-wrap:wrap}.cc-tip{display:none}}
@media(max-width:640px){.cc{height:calc(100dvh - 58px)}.cc-head h1{font-size:16px}.cc-project-name{max-width:120px}.cc-head-actions{gap:3px}.cc-head-actions button{padding:4px 6px}.cc-library{position:absolute;left:0;top:0;bottom:0;z-index:6;width:150px;box-shadow:8px 0 24px #0005}}

/* Node-first revision: compact chrome, inline editing, opt-in history. */
body:has(.cc) .topbar{height:40px;min-height:40px;padding:0 16px}
body:has(.cc) .topbar .sidebar-icon-button{width:28px;height:28px}
body:has(.cc) .topbar .avatar{width:25px;height:25px}
.cc{height:calc(100dvh - 40px);min-height:360px}
.cc-head{min-height:44px;height:44px;flex-shrink:0;flex-wrap:nowrap;padding:5px 12px;gap:10px;position:relative;z-index:12}
.cc-head h1{font-size:14px;flex-shrink:0;white-space:nowrap}
.cc-project-name{width:160px;min-width:70px;font-size:12px;height:28px;min-height:28px;padding:3px 7px}
.cc-local{font-size:10px;color:var(--muted);white-space:nowrap}
.cc-head-actions{flex-wrap:nowrap;gap:4px}
.cc-head button{font-size:11px;line-height:20px;padding:3px 8px;background:transparent}
.cc-menu{font-size:12px;position:relative;flex-shrink:0}
.cc-menu summary{cursor:pointer;padding:3px 8px;list-style:none;border-radius:6px}
.cc-menu summary:hover{background:var(--raised)}
.cc-menu>div{position:absolute;top:32px;left:0;width:160px;padding:6px;display:grid;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #0007}
.cc-menu button{text-align:left}
.cc-library{position:static;width:54px;padding:8px 5px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;box-shadow:none;z-index:7}
.cc-library::-webkit-scrollbar{display:none}
.cc-library.expanded{width:150px}
.cc-library button{width:42px;height:37px;padding:5px 8px;margin:0 0 3px;gap:10px;overflow:hidden}
.cc-library.expanded button{width:138px}
.cc-tool-label{display:none;white-space:nowrap;font-size:12px}
.cc-library.expanded .cc-tool-label{display:inline}
.cc-library .cc-symbol{background:transparent;flex-shrink:0;font-size:18px;width:24px;height:24px}
.cc-library .cc-symbol svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.cc-library .cc-menu-bars,.cc-library .cc-upload-icon{font-size:18px;line-height:24px;text-align:center}
.cc-library hr{margin:8px 5px}
.cc-stage:focus-visible{box-shadow:none}
.cc-status{padding:2px 12px;min-height:22px;height:22px;font-size:10px;flex-shrink:0}
.cc-tip{font-size:10px;bottom:14px;left:12px;max-width:60%;opacity:.8}
.cc-zoom{bottom:10px;right:10px;padding:3px;gap:1px}
.cc-zoom button{font-size:11px;padding:3px 7px}
.cc-node{border-radius:11px;--node-accent:#b1e62c;overflow:visible}
.cc-node.type-prompt{--node-accent:#c3a3f6;background:#1a1d27;border-color:#49435d}
.cc-node.type-material,.cc-node.type-result{--node-accent:#75c6bb;background:#142123;border-color:#36514e}
.cc-node.type-text,.cc-node.type-image{--node-accent:#b1e62c;border-color:#48533a}
.cc-node.type-expand,.cc-node.type-upscale{--node-accent:#dda767;border-color:#5b4933}
.cc-node.selected{border-color:var(--node-accent);box-shadow:0 0 0 1px var(--node-accent),0 8px 24px #0003}
.cc-node header{height:40px;gap:7px;padding:0 10px;border-bottom-color:var(--line)}
.cc-node header .cc-type-icon{color:var(--node-accent);font-size:14px;flex-shrink:0}
.cc-node header input{flex:1;width:80px;min-width:0;min-height:26px;height:26px;font-size:12px;font-weight:600;background:transparent;border-color:transparent;padding:2px 3px}
.cc-node header small{font-size:9px;white-space:nowrap;flex-shrink:0}
.cc-node-content{padding:10px;gap:7px;overflow:hidden}
.cc-node footer{height:26px;font-size:9px;flex-shrink:0;padding:0 10px;background:#0c151588}
.cc-node textarea{width:100%;padding:9px;font-size:12px;line-height:1.65;user-select:text;resize:none;scrollbar-width:thin;border:1px solid var(--line);border-radius:6px;background:#10161c;min-height:0}
.cc-node .cc-prompt-editor{flex:1;color:#e7def5;background:#141721;border-color:#383348}
.cc-node .cc-supplement{height:48px;flex-shrink:0;font-size:11px;padding:6px 8px}
.cc-node .cc-node-meta{font-size:10px;margin-top:0;flex-shrink:0}
.cc-node .cc-preview{height:158px;flex:1;min-height:60px;width:100%;white-space:normal;padding:0;border:1px solid #2d4744;cursor:zoom-in;background:#0c181a}
.cc-preview img{object-fit:contain}
.cc-node-actions{display:flex;gap:6px;flex-shrink:0}
.cc-node-actions button{font-size:11px;padding:3px 8px;flex:1;background:transparent}
.cc-node label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--muted);margin:0;min-width:0}
.cc-node label select,.cc-node label input{font-size:11px;width:100%;padding:3px 6px;height:28px;min-height:28px;line-height:20px;border-radius:5px}
.cc-model-field{flex-shrink:0}
.cc-inline-fields{display:flex;gap:8px;flex-shrink:0}
.cc-inline-fields>label{flex:1}
.cc-reference{display:flex;align-items:center;gap:7px;height:26px;min-height:26px;font-size:10px;color:var(--muted)}
.cc-reference>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.cc-port-label{color:#c7acee;flex-shrink:0;width:28px}
.image-reference .cc-port-label{color:#a6cc67}
.cc-reference button,.cc-ref-list button{margin-left:auto;padding:0 5px!important;border:0;background:transparent;font-size:13px;line-height:20px}
.cc-ref-list{display:flex;flex-direction:column;gap:3px;max-height:34px;min-height:0;overflow:auto;scrollbar-width:thin}
.cc-ref-list:empty{display:none}
.cc-ref-list>span{display:flex;align-items:center;gap:5px;font-size:10px;background:#26342b;border-radius:4px;padding:0 6px;min-height:22px;white-space:nowrap;overflow:hidden}
.cc-run-row{display:flex;align-items:center;gap:8px;margin-top:auto;flex-shrink:0}
.cc-run-row .primary{font-size:12px;padding:4px 18px}
.cc-run-row>span{font-size:10px;color:var(--muted)}
.cc-run-row>button:last-child:not(.primary){padding:2px 5px;font-size:10px}
.cc-capability-note{font-size:9px;color:#94a493;line-height:1.5;flex-shrink:0}
.cc-deferred{font-size:11px;color:#d5b386;margin-top:auto;padding:8px;background:#57462833;border-radius:5px}
.cc-port{width:20px!important;height:20px!important;border:4px solid var(--panel)!important;cursor:crosshair}
.cc-port.in{left:-10px}.cc-port.out{right:-10px}
.cc-port.port-text{background:#bd94ee!important}.cc-port.port-image{background:#a6cc67!important}
.cc-port.port-reference{background:#a6cc67!important}.cc-port.port-control{background:#82b7e8!important}
.cc-port:hover,.cc-port.linking{box-shadow:0 0 0 3px #d7ed9e66}
.cc-links .cc-edge-hit{stroke:transparent;stroke-width:16;pointer-events:stroke;opacity:1}
.cc-links .cc-edge-line{stroke-width:2;pointer-events:none;opacity:.9}
.cc-links .edge-text{stroke:#b593d6}.cc-links .edge-image{stroke:#92b767}
.cc-links .cc-edge:hover .cc-edge-line,.cc-links .cc-edge.selected .cc-edge-line{stroke:#e4f9b1;stroke-width:3}
.cc-links .cc-link-preview{stroke:#d6f49e;stroke-width:2;stroke-dasharray:6 5;pointer-events:none}
.cc-links [hidden]{display:none}
.cc-inspector{width:280px;padding:12px;overflow-y:auto;scrollbar-width:thin;border-left:1px solid var(--line)}
.cc-inspector h2{font-size:13px;margin-bottom:7px}
.cc-inspector p{font-size:11px;margin:8px 0}
.cc-history-item{padding:13px 0;border-bottom:1px solid var(--line)}
.cc-history-item>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.cc-history-item small,.cc-history-item time{font-size:10px;color:var(--muted)}
.cc-history-item p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:115px;overflow:auto;scrollbar-width:thin}
.cc-history-item button{display:block;margin-top:8px}
.cc-history-item .cc-history-error{color:var(--danger)}
@media(max-width:1000px){.cc-local{display:none}.cc-project-name{width:120px}.cc-head{gap:5px}.cc-head-actions{gap:2px}.cc-head button{padding:3px 6px}}
@media(max-width:700px){.cc-head h1{font-size:12px}.cc-project-name{width:90px}.cc-head-actions button{padding:3px 4px;font-size:10px}.cc-menu summary{padding:3px 4px}.cc-library{width:48px;padding:6px 3px}.cc-inspector{position:absolute;right:0;top:0;bottom:0;z-index:9;width:min(280px,80vw)}.cc-tip{display:none}}

/* Content-first nodes: quiet at rest, detailed only while focused. */
.cc-node{background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 6px 20px #0002;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.cc-node:not(.selected):not(:hover){border-color:color-mix(in srgb,var(--cc-border) 72%,transparent);box-shadow:0 3px 14px #0001}
.cc-node header{height:34px;padding:0 9px;border-bottom-color:color-mix(in srgb,var(--line) 62%,transparent)}
.cc-node header strong{font-size:12px;letter-spacing:.01em}
.cc-category{margin-left:auto;padding:1px 5px;border-radius:9px;background:color-mix(in srgb,var(--node-accent) 10%,transparent);color:color-mix(in srgb,var(--node-accent) 70%,#cbd5d1);font-size:9px}
.cc-rename-node{width:22px!important;height:22px!important;padding:0!important;border:0!important;background:transparent!important;opacity:0;transition:opacity .15s ease}
.cc-node:hover .cc-rename-node,.cc-node.selected .cc-rename-node,.cc-rename-node:focus-visible{opacity:.75}
.cc-node-content{padding:8px;gap:6px}
.cc-node footer{height:24px;padding:0 9px;background:color-mix(in srgb,#0c1515 72%,transparent)}
.cc-node .cc-preview{border:0;border-radius:6px;background:#0b1213}
.cc-node .cc-preview img{object-fit:cover}
.cc-node.type-result .cc-preview img{object-fit:contain}
.cc-node-actions{position:absolute;left:8px;right:8px;bottom:28px;padding:5px;border-radius:7px;background:#0a1111d9;backdrop-filter:blur(10px);opacity:0;transform:translateY(4px);pointer-events:none;transition:.15s ease}
.cc-node:hover .cc-node-actions,.cc-node.selected .cc-node-actions{opacity:1;transform:none;pointer-events:auto}
.cc-port{width:14px!important;height:14px!important;border-width:3px!important;left:auto;opacity:.2;transition:opacity .14s ease,box-shadow .14s ease,transform .14s ease}
.cc-port.in{left:-7px}.cc-port.out{right:-7px}
.cc-node:hover>.cc-port,.cc-node.selected>.cc-port,.cc-port:focus-visible,.cc-world:has(.cc-port.linking) .cc-port.in{opacity:1}
.cc-port:hover,.cc-port.linking{transform:scale(1.12)}
.cc-node.is-configurable{z-index:1}
.cc-node.is-configurable.selected{z-index:12}
.cc-selection-frame{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 76%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 3%,transparent);pointer-events:none;z-index:0}
.cc-selection-frame span{position:absolute;left:7px;top:-22px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:#cbe99b;font-size:9px;line-height:14px;backdrop-filter:blur(8px)}
.cc-generator-core{display:flex;flex-direction:column;height:100%;min-height:0;gap:6px}
.cc-generator-core .cc-reference{height:22px;min-height:22px;padding:0 2px}
.cc-generator-core .cc-model-field select{height:27px;min-height:27px}
.cc-generator-core .cc-inline-fields{gap:6px}.cc-generator-core .cc-inline-fields select{height:27px;min-height:27px}
.cc-generator-core .cc-inline-prompt{gap:2px!important}.cc-generator-core .cc-supplement{height:44px}
.cc-image-references{display:flex;align-items:center;gap:5px;min-height:38px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.cc-image-references::-webkit-scrollbar{display:none}.cc-image-references>small{color:var(--muted);font-size:9px}
.cc-image-references>span{position:relative;width:38px;height:34px;border:1px solid var(--line);border-radius:6px;background:#0d1516;flex:0 0 38px;overflow:hidden}
.cc-image-references img,.cc-image-references i{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:var(--muted);font-style:normal;font-size:9px}
.cc-image-references b{position:absolute;left:2px;top:2px;z-index:1;width:14px;height:14px;border-radius:4px;background:#0a1111d9;color:var(--accent);font-size:8px;display:grid;place-items:center}
.cc-image-references button{position:absolute;right:1px;top:1px;z-index:1;width:14px!important;height:14px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#111c1ddd!important;color:#d6e1dd;font-size:10px;line-height:14px;opacity:0}.cc-image-references>span:hover button{opacity:1}
.cc-node.type-prompt .cc-note-resize{opacity:.45}.cc-node.type-prompt:hover .cc-note-resize,.cc-node.type-prompt.selected .cc-note-resize{opacity:1}
.cc-generator-summary{display:flex;flex-direction:column;height:100%;min-height:0;gap:7px}
.cc-content-glance{display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 8px;border-radius:7px;background:color-mix(in srgb,var(--node-accent) 6%,#101719);overflow:hidden}
.cc-content-glance>div:last-child,.cc-content-glance>div:only-child{min-width:0;display:grid;gap:3px}
.cc-content-glance b{font-size:11px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#dfe8e3;font-weight:550}
.cc-content-glance small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-reference-thumbs{display:flex!important;flex-shrink:0}
.cc-reference-thumbs img,.cc-reference-thumbs>span{width:32px;height:32px;margin-right:-7px;border:2px solid #172020;border-radius:6px;object-fit:cover;background:#25312d;display:grid;place-items:center;color:var(--node-accent);font-size:15px}
.cc-spec-summary{display:flex;gap:5px;min-width:0;overflow:hidden}
.cc-spec-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:5px;color:#9eb0aa;font-size:9px;background:#0d1415aa}
.cc-spec-summary span:first-child{max-width:48%}
.cc-run-row{margin-top:auto;gap:6px}
.cc-run-row .primary{padding:3px 13px;border-radius:6px}
.cc-run-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-generator-settings{display:none;position:absolute;left:0;top:calc(100% + 7px);width:100%;padding:9px;gap:6px;border:1px solid color-mix(in srgb,var(--node-accent) 24%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--panel) 86%,transparent);box-shadow:0 10px 28px #0005;backdrop-filter:blur(18px) saturate(.85);z-index:20}
.cc-node.is-configurable.settings-open .cc-generator-settings{display:grid;animation:cc-settings-in .14s ease-out}
.cc-settings-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line)}
.cc-settings-heading b{font-size:12px}.cc-settings-heading button{width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:16px}
.cc-inline-prompt{display:grid!important;gap:4px!important}
.cc-generator-settings .cc-capability-note{padding-top:3px;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.cc-generation-footer .cc-task-feedback{width:100%}
.cc-task-caption{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cc-task-progress{height:2px!important;margin-top:2px!important}
.cc-node.type-prompt .cc-prompt-editor{border:0;background:transparent;padding:7px;font-size:12px;line-height:1.6}
.cc-node.type-prompt .cc-prompt-editor:focus{background:#111820;box-shadow:inset 0 0 0 1px #5b4f70;outline:none}
.cc-world[data-detail="medium"] .cc-category,.cc-world[data-detail="medium"] .cc-node footer>span:last-child{display:none}
.cc-world[data-detail="far"] .cc-category,.cc-world[data-detail="far"] .cc-node footer,.cc-world[data-detail="far"] .cc-node-meta,.cc-world[data-detail="far"] .cc-node-actions,.cc-world[data-detail="far"] .cc-spec-summary{display:none!important}
.cc-world[data-detail="far"] .cc-node header{border-bottom:0}.cc-world[data-detail="far"] .cc-node-content{padding:5px}
@keyframes cc-settings-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cc-node,.cc-rename-node,.cc-port,.cc-node-actions{transition:none}.cc-node.is-configurable.settings-open .cc-generator-settings{animation:none}}

/* 2026 content canvas: floating creation island, contextual right rail, image-first nodes. */
.cc-head{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)}
.cc-body{isolation:isolate}.cc-stage{width:100%;background-color:#0c1314;background-image:linear-gradient(#22302c55 1px,transparent 1px),linear-gradient(90deg,#22302c55 1px,transparent 1px)}
.cc-tool-island{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:14;width:46px;padding:5px;display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:13px;background:#111a1ad9;box-shadow:0 12px 32px #0005;backdrop-filter:blur(18px);transition:width .18s ease}
.cc-tool-island.expanded{width:132px}.cc-tool-island button{width:36px;height:36px;padding:5px;display:flex;align-items:center;gap:8px;overflow:hidden;border:0;background:transparent;text-align:left}
.cc-tool-island.expanded button{width:120px}.cc-tool-island button:hover{background:#26332e;color:var(--accent)}.cc-tool-island .cc-symbol{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;color:#b8ccbf}.cc-tool-island button:hover .cc-symbol{color:var(--accent)}
.cc-tool-island .cc-symbol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cc-tool-island .cc-tool-label{display:none;font-size:11px}.cc-tool-island.expanded .cc-tool-label{display:inline}.cc-island-toggle{border-bottom:1px solid var(--line)!important;border-radius:7px 7px 0 0!important}
.cc-side-shell{display:flex;flex:0 0 43px;min-width:43px;background:#0e1617;border-left:1px solid color-mix(in srgb,var(--line) 74%,transparent);transition:flex-basis .36s cubic-bezier(.22,.72,.2,1)}.cc-side-shell.open{flex-basis:363px}.cc-side-shell.open .cc-inspector{animation:cc-inspector-slide-in .36s cubic-bezier(.22,.72,.2,1) both}
.cc-side-rail{order:2;width:43px;flex:0 0 43px;padding:8px 4px;display:flex;flex-direction:column;gap:5px;border-left:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:#0d1415;z-index:3}
.cc-side-rail button{position:relative;width:34px;height:39px;padding:3px;display:grid;place-items:center;border:0;background:transparent;color:#82948d;font-size:15px}.cc-side-rail button span{display:none}.cc-side-rail button:hover,.cc-side-rail button.active{color:var(--accent);background:#1d2a25}.cc-side-rail button b{position:absolute;right:-2px;top:-2px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--accent);color:#13200e;font-size:8px;line-height:15px}
.cc-inspector{order:1;width:320px;flex:0 0 320px;padding:0 13px 72px;background:#11191a;border:0;box-shadow:-12px 0 28px #0003}.cc-side-shell:not(.open) .cc-inspector{display:none!important}
.cc-panel-head{position:sticky;top:0;z-index:3;margin:0 -13px 12px;padding:14px 13px 11px;display:flex;justify-content:space-between;align-items:flex-start;background:#11191af2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.cc-panel-head h2{font-size:14px;margin:0 0 2px}.cc-panel-head p{margin:0;font-size:10px;line-height:1.45}.cc-panel-head>button{width:27px;height:27px;padding:0;border:0;background:transparent;font-size:17px;color:var(--muted)}
.cc-panel-section{padding:10px 0 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent)}.cc-panel-section h3{margin:0 0 9px;font-size:11px;color:#d7e0dc}.cc-panel-field{display:grid!important;gap:4px!important;margin:0 0 9px!important;font-size:10px!important}.cc-panel-field input,.cc-panel-field select,.cc-panel-field textarea{min-height:32px!important;padding:6px 8px!important;font-size:11px!important}.cc-panel-field textarea{min-height:82px!important;resize:vertical}.cc-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-operation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cc-operation-tabs button{padding:5px 6px}.cc-operation-tabs button:disabled{opacity:.38}.cc-panel-hint{padding:8px;border-radius:7px;background:#182121;color:var(--muted);font-size:10px;line-height:1.6}.cc-linked-source{display:flex;align-items:center;gap:7px;padding:6px 8px;margin-bottom:8px;border-radius:7px;background:#1b2524;font-size:10px}.cc-linked-source span{flex:1;overflow:hidden;text-overflow:ellipsis}.cc-linked-source button{width:20px;height:20px;padding:0;border:0;background:transparent}.cc-panel-refs{display:flex;gap:6px}.cc-panel-refs>span{position:relative;width:46px;height:42px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#0c1314}.cc-panel-refs img{width:100%;height:100%;object-fit:cover}.cc-panel-refs b{position:absolute;left:2px;top:2px;z-index:1;padding:1px 4px;border-radius:4px;background:#09100fd9;color:var(--accent);font-size:8px}.cc-panel-refs button{position:absolute;right:1px;top:1px;width:16px;height:16px;padding:0;border:0;background:#09100fd9}
.cc-panel-run{position:sticky;bottom:-72px;z-index:4;margin:12px -13px -72px;padding:10px 13px;display:flex;align-items:center;gap:8px;background:#131d1ef5;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.cc-panel-run span{margin-right:auto;font-size:11px}.cc-panel-run .primary{width:auto;margin:0;padding:6px 18px}.cc-panel-actions{display:flex;gap:7px;padding:10px 0}.cc-panel-actions.vertical{display:grid}.cc-panel-empty{margin-top:16px;padding:16px;border:1px dashed var(--line);border-radius:9px;text-align:center;color:var(--muted)}.cc-panel-empty b{color:#d7e0dc;font-size:12px}.cc-bag-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.cc-bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cc-bag-grid article{position:relative;min-width:0}.cc-bag-grid article>button:first-child{width:100%;aspect-ratio:1;padding:0;overflow:hidden;background:#0b1213}.cc-bag-grid img{width:100%;height:100%;object-fit:cover}.cc-bag-grid article>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.cc-bag-grid article>button:last-child{position:absolute;right:2px;top:2px;width:18px;height:18px;padding:0;border:0;background:#0b1213dd}.cc-task-list{display:grid;gap:7px}.cc-task-list article{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;font-size:10px}
.cc-media-node{overflow:visible;border:1px solid #33433f;border-radius:10px;background:#101718;box-shadow:0 5px 18px #0003;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.cc-media-node.selected{border:1px solid var(--accent);box-shadow:0 0 0 .5px var(--accent),0 7px 22px #0004}.cc-media-node header{position:absolute;left:7px;right:7px;top:7px;height:26px;padding:0 7px;z-index:3;border:0;border-radius:6px;background:#09100f8a;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease}.cc-media-node:hover header,.cc-media-node.selected header,.cc-media-node.task-active header,.cc-media-node:focus-within header{opacity:.95;pointer-events:auto;transform:none}.cc-media-node header strong{font-size:11px}.cc-media-node header small{font-size:8px}.cc-media-surface{width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:9px!important;overflow:hidden;background:#0c1314!important}.cc-media-surface img{width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.cc-empty-media{height:100%;display:grid;place-content:center;gap:7px;text-align:center;color:#73857e}.cc-empty-media b{font-size:28px;font-weight:300}.cc-empty-media em{font-style:normal;font-size:11px;color:#aebdb7}.cc-empty-media small{font-size:9px}.cc-media-overlay{position:absolute;left:7px;right:7px;bottom:7px;z-index:3;display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:6px;background:#09100f60;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translateY(3px);transition:.14s ease}.cc-media-node:hover .cc-media-overlay,.cc-media-node.selected .cc-media-overlay,.cc-media-node.task-active .cc-media-overlay,.cc-media-node:focus-within .cc-media-overlay{opacity:1;transform:none;pointer-events:auto}.cc-media-overlay span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#afbeb8}.cc-media-overlay button{padding:1px 6px;font-size:9px;border:0}.cc-media-node>.cc-task-feedback{position:absolute;left:7px;right:7px;bottom:7px;z-index:4;padding:6px 7px;border-radius:6px;background:#0c1514e8;pointer-events:none}.cc-media-node:not(.task-active)>.cc-task-feedback{display:none}.cc-media-node>.cc-port{width:16px!important;height:16px!important;border-width:2px!important;opacity:0}.cc-media-node>.cc-port.in{left:-8px}.cc-media-node>.cc-port.out{right:-8px}.cc-media-node:hover>.cc-port,.cc-media-node.selected>.cc-port,.cc-media-node.task-active>.cc-port{opacity:.9}
.cc-media-node header .cc-media-status-wrap{min-width:0;margin-left:auto}.cc-media-node header .cc-media-status{max-width:110px;overflow:hidden;text-overflow:ellipsis;padding:0;background:transparent;color:#f1f5f2;font-size:9px}.cc-media-download{display:grid!important;place-items:center;width:22px!important;height:22px!important;min-width:22px;padding:0!important;border:1px solid #ffffff24!important;border-radius:5px!important;background:#101918b8!important;color:#f6faf7!important;font-size:14px!important;line-height:1!important}.cc-media-download:hover{border-color:#ffffff55!important;background:#1c2926d9!important}
.cc-node.type-compare{overflow:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--node-accent) 8%,#101819),#101819)}.cc-node.type-compare header{position:absolute;left:7px;right:7px;top:7px;height:26px;padding:0 7px;z-index:3;border:0;border-radius:6px;background:#09100f8a;backdrop-filter:blur(8px);cursor:grab}.cc-node.type-compare header .cc-media-status-wrap{margin-left:auto}
.cc-links path{stroke-width:1.15;opacity:.52}.cc-links .cc-edge.related .cc-edge-line{stroke-width:1.55;opacity:.9}.cc-links .cc-edge:hover .cc-edge-line,.cc-links .cc-edge.selected .cc-edge-line{stroke-width:1.8}.cc-links .cc-link-preview{stroke-width:1.4}.cc-edge-flow{stroke:var(--accent)!important;stroke-width:1.7!important;stroke-dasharray:4 12;stroke-linecap:round;opacity:.85!important;animation:cc-flow .75s linear infinite}.cc-node.task-active{animation:cc-node-breathe 1.8s ease-in-out infinite}
.cc-selection-frame{border-width:1px;background:transparent}.cc-marquee{border-width:1px;background:#b1e62c0a}
.cc.clean-view .cc-tool-island,.cc.clean-view .cc-side-shell,.cc.clean-view .cc-footer{display:none}.cc.clean-view .cc-head{opacity:.22;transition:opacity .18s ease}.cc.clean-view .cc-head:hover{opacity:1}
.cc-local-note{margin-left:auto;color:#6f817a;font-size:9px;white-space:nowrap}.cc-footer [data-backup-status]{margin-left:0}.cc-linked-source button:nth-child(2){flex:1;min-width:0;padding:0;border:0;background:transparent;color:#d7e0dc;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap}.cc-linked-source button:nth-child(2):hover{color:var(--accent)}
@keyframes cc-flow{to{stroke-dashoffset:-38}}@keyframes cc-hover-flow{to{stroke-dashoffset:-27}}@keyframes cc-node-breathe{50%{box-shadow:0 0 0 1px #b1e62c55,0 7px 24px #0005}}@keyframes cc-inspector-slide-in{0%{opacity:0;transform:translateX(28px)}35%{opacity:.38}100%{opacity:1;transform:translateX(0)}}
.cc-links .cc-edge-glint{pointer-events:none}
.cc-links .cc-edge-glint .cc-edge-flow{stroke:#f2f8ff!important;stroke-dasharray:var(--trail) 160!important;stroke-linecap:round;animation:cc-glass-flow 2.8s linear infinite!important;fill:none;vector-effect:non-scaling-stroke}
.cc-links .cc-edge-glint .glint-0{stroke-width:.7!important;opacity:.18!important}
.cc-links .cc-edge-glint .glint-1{stroke-width:1.1!important;opacity:.3!important}
.cc-links .cc-edge-glint .glint-2{stroke-width:1.7!important;opacity:.6!important}
.cc-links .cc-edge-glint .glint-3{stroke-width:2.5!important;opacity:.95!important}
.cc-links .is-flowing .cc-edge-hover-flow{display:none}
@keyframes cc-glass-flow{from{stroke-dashoffset:calc(var(--trail) + 24)}to{stroke-dashoffset:calc(var(--trail) - 124)}}
.cc-panel-task{width:100%;padding:9px 0 10px;border-bottom:1px solid #ffffff12;margin-bottom:8px}
.cc-panel-task .cc-task-caption{display:flex;align-items:center;gap:7px;font-size:11px}
.cc-panel-task [data-task-label]{flex:1;min-width:0;color:#edf2f7}
.cc-panel-task time,.cc-panel-task [data-task-percent]{font-size:10px;font-variant-numeric:tabular-nums;color:#a8bdce;white-space:nowrap}
.cc-panel-task>small{display:block;margin-top:6px;color:#89949f;font-size:10px;line-height:1.4}
.cc-panel-task .cc-task-progress{height:3px!important;margin-top:7px!important;border-radius:3px;overflow:hidden}
@media(prefers-reduced-motion:reduce){.cc-links .cc-edge-glint .cc-edge-flow{animation:none!important;stroke-dashoffset:calc(var(--trail) - 70)}}
@media(max-width:900px){.cc-side-shell.open{position:absolute;right:0;top:0;bottom:0;z-index:20;width:min(363px,92vw)}.cc-tool-island{left:7px}.cc-tip{display:none}}
@media(prefers-reduced-motion:reduce){.cc-tool-island,.cc-side-shell,.cc-media-node,.cc-media-node header,.cc-media-overlay{transition:none}.cc-side-shell.open .cc-inspector,.cc-edge-flow,.cc-edge-hover-flow,.cc-node.task-active{animation:none}}

/* Bottom creative backpack: quick review and copy-back without covering the canvas. */
.cc-bag-tray{display:none;flex:0 0 0;min-height:0;overflow:hidden;border-top:1px solid transparent;background:#0c1314}
.cc-bag-tray.open{display:flex;align-self:center;width:min(1080px,calc(100% - 84px));flex-basis:106px;padding:9px 12px;gap:10px;border:1px solid #ffffff1f;border-bottom:0;border-radius:18px 18px 0 0;background:#111918b8;box-shadow:0 -12px 36px #0005;backdrop-filter:blur(22px) saturate(1.15);animation:cc-bag-open .28s cubic-bezier(.2,.8,.2,1)}
.cc-bag-tray-head{width:168px;flex:0 0 168px;display:grid;grid-template-rows:auto auto 1fr;gap:3px;padding:2px 9px 2px 2px;border-right:1px solid var(--line)}
.cc-bag-tray-head>div{display:flex;align-items:center;gap:7px}.cc-bag-tray-head b{font-size:11px}.cc-bag-tray-head span,.cc-bag-tray-head small{color:var(--muted);font-size:9px}.cc-bag-tray-head>div:last-child{align-self:end}.cc-bag-tray-head button{padding:1px 7px;font-size:9px;background:transparent}
.cc-bag-strip{min-width:0;display:flex;justify-content:safe center;align-items:end;gap:8px;padding:13px 8px 1px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.cc-bag-strip::-webkit-scrollbar{display:none}
.cc-bag-strip article{position:relative;width:70px;flex:0 0 70px;display:grid;gap:2px;scroll-snap-align:start;transform-origin:50% 100%;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.cc-bag-strip article:hover{z-index:3;transform:translateY(-9px) scale(1.2)}.cc-bag-strip article:has(+ article:hover),.cc-bag-strip article:hover+article{transform:translateY(-3px) scale(1.06)}.cc-bag-strip article>button:first-child{position:relative;width:70px;height:60px;padding:0;overflow:hidden;border:1px solid #ffffff24;border-radius:9px;background:#111a1b}.cc-bag-strip article>button:first-child:hover{border-color:#ffffff70}.cc-bag-strip article.selected>button:first-child{border-color:var(--accent);box-shadow:0 0 0 1px #b1e62c55}.cc-bag-strip article.selected>small{color:var(--accent)}.cc-bag-strip article>button:first-child i{position:absolute;right:4px;bottom:4px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#14200f;font-size:9px;font-style:normal;opacity:0}.cc-bag-strip article.selected>button:first-child i{opacity:1}.cc-bag-strip img{width:100%;height:100%;object-fit:cover;display:block}.cc-bag-strip article>small{padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebdb7;font-size:8px;text-align:center}.cc-bag-strip article>button:last-child{position:absolute;right:3px;top:3px;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:#09100fbb;color:#dce6e1;line-height:17px;opacity:0}.cc-bag-strip article:hover>button:last-child{opacity:1}.cc-bag-strip .dragging{opacity:.45}.cc-bag-empty{margin:auto;color:#899a94;font-size:10px}
.cc-bag-fly{position:fixed;z-index:999;overflow:hidden;border:1px solid #b1e62c99;border-radius:9px;background:#111a1b;box-shadow:0 12px 32px #0008;pointer-events:none}.cc-bag-fly img{width:100%;height:100%;object-fit:cover}.cc-bag-fly:not(:has(img)){display:grid;place-items:center;color:var(--accent);font-size:10px}
.cc.clean-view .cc-bag-tray{display:none}.cc.clean-view .cc-body{flex:1}
@keyframes cc-bag-open{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}
@media(max-width:900px){.cc-bag-tray-head{width:118px;flex-basis:118px}.cc-bag-tray-head small{display:none}}
@media(prefers-reduced-motion:reduce){.cc-bag-tray.open{animation:none}}

/* The picker is an overlay above the canvas, never part of page layout. */
.cc{position:relative}
.cc-bag-tray.open{position:absolute;left:76px;right:54px;bottom:28px;z-index:28;width:auto;height:122px;min-height:0;display:flex;align-items:end;flex-basis:auto;padding:28px 12px 9px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;animation:none;user-select:none;-webkit-user-select:none}
.cc:has(.cc-side-shell.open) .cc-bag-tray.open{right:374px}
.cc-bag-tray.open::before{content:'';position:absolute;left:0;right:0;bottom:0;height:92px;z-index:-1;border:1px solid #ffffff22;border-bottom:0;border-radius:16px 16px 0 0;background:#11191896;box-shadow:0 -8px 26px #0003;backdrop-filter:blur(20px) saturate(1.08)}
.cc-bag-tray-head{width:96px;flex-basis:96px;padding-right:7px;grid-template-rows:auto 1fr}.cc-bag-tray-head>div:first-child{display:grid;gap:0}.cc-bag-tray-head>div:last-child{align-self:end}.cc-bag-tray-head button{border:0;color:#8fa099}
.cc-bag-strip{position:relative;height:104px;padding-top:31px;overflow-y:hidden;user-select:none;-webkit-user-select:none;touch-action:none;cursor:default}
.cc-bag-strip.is-panning{cursor:grabbing}.cc-bag-strip.is-panning *{cursor:grabbing!important}
.cc-bag-strip article:hover{transform:translateY(-17px) scale(1.2)}
.cc-bag-strip article:has(+ article:hover),.cc-bag-strip article:hover+article{transform:translateY(-6px) scale(1.06)}
.cc-bag-strip article>button:first-child i{transition:none}
.cc-bag-marquee{position:absolute;z-index:8;border:1px solid color-mix(in srgb,var(--accent) 74%,transparent);border-radius:7px;background:#b1e62c12;pointer-events:none}
.cc-quick-create{z-index:60!important}
.cc-tray-lightbox .cc-lightbox-name{position:absolute;left:18px;bottom:17px;z-index:3;max-width:min(52vw,520px);padding:4px 9px;border:1px solid #ffffff18;border-radius:7px;background:#08100f73;color:#c8d4cf;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(9px);pointer-events:none}
.cc-asset-summary{display:grid;gap:3px;margin-bottom:10px}.cc-asset-summary b{font-size:11px}.cc-asset-summary small{color:var(--muted);font-size:9px}.cc-asset-grid{display:grid;gap:7px}.cc-asset-grid article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:9px;background:#0d1515}.cc-asset-preview{grid-row:span 2;width:54px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#182220;color:var(--accent);font-size:18px}.cc-asset-preview img{width:100%;height:100%;object-fit:cover}.cc-asset-grid article>div:nth-child(2){min-width:0;display:grid;gap:2px}.cc-asset-grid article>div:nth-child(2) b,.cc-asset-grid article>div:nth-child(2) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-asset-grid article>div:nth-child(2) b{font-size:10px}.cc-asset-grid article>div:nth-child(2) small{color:var(--muted);font-size:8px}.cc-asset-grid article>button{padding:2px 7px;font-size:9px}.cc-asset-grid article>button:last-child{grid-column:3;color:var(--muted);background:transparent;border:0}
.cc-asset-search{display:flex;align-items:center;gap:7px;margin-bottom:8px}.cc-asset-search input{min-width:0;flex:1;height:30px;padding:5px 8px;font-size:10px}.cc-asset-search span{color:var(--muted);font-size:9px}.cc-asset-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}.cc-asset-tabs button{min-width:0;padding:3px 2px;border-color:transparent;background:transparent;font-size:9px}.cc-asset-tabs small{margin-left:2px;color:var(--muted);font-size:7px}.cc-asset-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:9px;padding:5px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cc-asset-toolbar span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.cc-asset-toolbar button{padding:2px 6px;font-size:8px}
.cc-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-asset-grid article{min-width:0;display:block;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:9px;background:#0d1515}.cc-asset-grid article.selected{border-color:var(--accent);box-shadow:0 0 0 1px #b1e62c44}.cc-asset-card{position:relative;width:100%;padding:0!important;display:grid!important;gap:3px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;overflow:hidden}.cc-asset-card .cc-asset-preview{grid-row:auto;width:100%;height:auto;aspect-ratio:1.35;border-radius:0;background:#17211f}.cc-asset-card .cc-asset-preview.text{aspect-ratio:1.35;background:linear-gradient(145deg,#171b22,#242032)}.cc-asset-card .cc-asset-preview i{font-style:normal}.cc-asset-card>b,.cc-asset-card>small{margin:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-asset-card>b{font-size:9px}.cc-asset-card>small{padding-bottom:4px;color:var(--muted);font-size:7px}.cc-asset-card>em{position:absolute;right:5px;top:5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#14200f;font-size:9px;font-style:normal;opacity:0}.cc-asset-grid article.selected .cc-asset-card>em{opacity:1}.cc-asset-grid article>div:last-child{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.cc-asset-grid article>div:last-child button{padding:2px;border:0;border-radius:0;background:transparent;color:#9dafaa;font-size:8px}.cc-asset-grid article>div:last-child button:hover{color:var(--accent);background:#17221f}.cc-asset-grid .dragging{opacity:.45}
@media(max-width:900px){.cc-bag-tray.open{left:12px;right:12px}.cc:has(.cc-side-shell.open) .cc-bag-tray.open{right:12px}}

/* Refined asset cards and a non-jumping expanded library view. */
.cc-asset-search input:focus,.cc-asset-search input:focus-visible{outline:0!important;border-color:var(--line)!important;box-shadow:none!important}
.cc-asset-grid article{border-color:#ffffff17;background:linear-gradient(145deg,#17201f9e,#0b1212c7);box-shadow:inset 0 1px 0 #ffffff0a,0 5px 14px #0002;backdrop-filter:blur(10px);transition:border-color .14s ease,transform .14s ease}.cc-asset-grid article:hover{border-color:#ffffff32;transform:translateY(-1px)}
.cc-asset-card .cc-asset-preview{position:relative;aspect-ratio:1.55}.cc-asset-meta{position:absolute;left:5px;right:5px;bottom:5px;display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid #ffffff12;border-radius:6px;background:linear-gradient(90deg,#07100ed6,#0b1310a8);backdrop-filter:blur(10px)}.cc-asset-meta b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf3f0;font-size:9px}.cc-asset-meta small{flex:0 0 auto;color:#a9bab3;font-size:7px}.cc-asset-card>b,.cc-asset-card>small{display:none}
.cc-panel-head-actions{display:flex;gap:3px}.cc-panel-head-actions button{width:27px;height:27px;padding:0;border:0;background:transparent;color:var(--muted);font-size:15px}
.cc-panel-head-actions .cc-asset-expand{display:grid;place-items:center;border:1px solid transparent}.cc-panel-head-actions .cc-asset-expand:hover{border-color:#ffffff24;background:#ffffff0a;color:#dbe6e1}.cc-asset-expand svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cc.asset-expanded .cc-side-shell.open{position:absolute;right:0;top:0;bottom:0;z-index:26;width:min(780px,calc(100% - 70px));flex-basis:auto;box-shadow:-22px 0 50px #0007}.cc.asset-expanded .cc-side-shell.open .cc-inspector{width:auto;flex:1}.cc.asset-expanded .cc-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cc.asset-expanded .cc-bag-tray.open{right:min(790px,calc(100% - 60px))}
.cc-side-rail [data-panel="bag"] .cc-asset-toast{position:absolute;right:42px;top:4px;width:max-content;max-width:130px;padding:4px 8px;display:block!important;border:1px solid #ffffff20;border-radius:7px;background:#14201ddb;color:#dce8e2;font-size:9px;line-height:16px;box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px);pointer-events:none;animation:cc-asset-toast 2.2s ease both}
@keyframes cc-asset-toast{0%{opacity:0;transform:translateX(5px)}12%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateX(4px)}}
@media(max-width:900px){.cc.asset-expanded .cc-side-shell.open{width:100%;max-width:none}.cc.asset-expanded .cc-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.cc-asset-meta{left:7px;right:7px;top:7px;bottom:auto;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;align-items:flex-start}.cc-asset-meta b,.cc-asset-meta small{padding:1px 0;background:transparent;text-shadow:0 1px 3px #000,0 0 8px #000}.cc-asset-meta b{font-size:10px;font-weight:650}.cc-asset-meta small{padding-top:2px;color:#d4dfda;font-size:8px}.cc-asset-card .cc-asset-preview::after{content:'';position:absolute;left:0;right:0;top:0;height:42px;background:linear-gradient(180deg,#06100ea8,transparent);pointer-events:none}.cc-asset-meta{z-index:2}
.cc-asset-grid article.selected{border:2px solid var(--accent);box-shadow:0 0 0 1px #b1e62c55,0 0 18px #9bd92524}.cc-asset-grid article:hover:not(.selected){border-color:#87ae5e;box-shadow:0 0 0 1px #87ae5e55,0 7px 18px #0003}

/* Content-first asset cards: keep labels quiet and actions contextual. */
.cc-asset-grid article{position:relative;overflow:hidden;background:#0c1313}.cc-asset-meta{left:6px;right:6px;top:3px;align-items:center;padding:0}.cc-asset-meta b{font-size:9px;font-weight:450;letter-spacing:0;color:#e5ece8;text-shadow:none}.cc-asset-meta small{display:none}.cc-asset-card .cc-asset-preview::after{height:27px;background:linear-gradient(180deg,#06100e78,transparent)}
.cc-asset-grid article>div:last-child{position:absolute;right:6px;bottom:6px;z-index:4;display:flex;gap:4px;border:0;opacity:0;transform:translateY(3px);transition:opacity .14s ease,transform .14s ease}.cc-asset-grid article:hover>div:last-child,.cc-asset-grid article:focus-within>div:last-child{opacity:1;transform:none}.cc-asset-grid article>div:last-child button{width:23px;height:23px;padding:0;border:1px solid #ffffff20;border-radius:6px;background:#07100ebd;color:transparent!important;font-size:0!important;backdrop-filter:blur(8px)}.cc-asset-grid article>div:last-child button:first-child::before{content:'＋';color:#e8f0ec;font-size:14px}.cc-asset-grid article>div:last-child button:last-child::before{content:'×';color:#c9d4cf;font-size:14px}.cc-asset-grid article>div:last-child button:hover{border-color:#ffffff48;background:#17221fe6}.cc-asset-card .cc-asset-preview{aspect-ratio:1.62}
.cc-asset-grid{position:relative;min-height:240px;align-content:start;padding:6px;user-select:none;-webkit-user-select:none}
.cc-asset-marquee{position:absolute;z-index:8;border:1px solid color-mix(in srgb,var(--accent) 78%,transparent);border-radius:7px;background:#b1e62c12;pointer-events:none}

/* Comfortable neutral-dark canvas: clearer layers without a bright editing surface. */
.cc-stage{background-color:#1b1d21;background-image:radial-gradient(circle at 1px 1px,#858a9242 .5px,transparent .8px)}
.cc-node{border-color:#ffffff30;background:linear-gradient(145deg,#34383ec7,#25292ed9);box-shadow:0 10px 26px #05060870,inset 0 1px 0 #ffffff12;backdrop-filter:blur(12px) saturate(1.05)}
.cc-media-node{border-color:#ffffff38;background:linear-gradient(145deg,#353a40c9,#24292edb);box-shadow:0 11px 28px #05060875,inset 0 1px 0 #ffffff16;backdrop-filter:blur(12px) saturate(1.05)}
.cc-media-surface{background:#1d2024!important}
.cc-node.type-prompt{background:linear-gradient(145deg,#373541d4,#292832e5);border-color:#ffffff36;box-shadow:0 11px 28px #05040870,inset 0 1px 0 #ffffff12}
.cc-node.type-compare{border-color:#ffffff38;background:linear-gradient(145deg,#343940cf,#252a2fdf);box-shadow:0 11px 28px #05060875,inset 0 1px 0 #ffffff14}
.cc-media-node:hover,.cc-node.type-prompt:hover,.cc-node.type-compare:hover{border-color:#ffffff65}
.cc-links .cc-edge-line{opacity:.72;filter:drop-shadow(0 1px 1px #08090bcc)}
.cc-links .cc-edge.related .cc-edge-line,.cc-links .cc-edge:hover .cc-edge-line,.cc-links .cc-edge.selected .cc-edge-line{opacity:1;filter:drop-shadow(0 0 2px #d9dde066)}
/* Shared image/video prompt optimizer: model, price and action stay together. */
.cc .cc-text-model-tool{flex:1 0 100%;min-width:0;display:grid;gap:8px}
.cc .cc-text-model-tool .cc-panel-field{margin:0;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px}
.cc .cc-text-model-tool select{width:100%;min-width:0;font:inherit;color:inherit;background:var(--panel,#30353b);border:1px solid #77808b66;border-radius:8px;padding:9px}
.cc .cc-text-tool-action{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc .cc-text-billing{font-size:11px;line-height:1.5;opacity:.75}
.cc .cc-prompt-actions:has(.cc-text-model-tool){display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
.cc .cc-prompt-actions .cc-text-model-tool{display:flex;flex:1 1 0;align-items:center;gap:6px;min-width:0}
.cc .cc-text-model-tool select{flex:1 1 70px;min-width:55px;width:0;padding:6px;font-size:12px;background:transparent}
.cc .cc-text-model-tool .cc-text-cost{white-space:nowrap;font-size:11px;flex-shrink:0}
.cc .cc-text-model-tool button,.cc .cc-prompt-actions .cc-text-expand{flex-shrink:0;padding:4px;font-size:11px;white-space:nowrap}
/* Canvas creation stays in the library; folder access is explicitly authorized. */
body #main:has(>.cc-gallery){display:flex;flex-direction:column;max-width:none;min-height:calc(100dvh - 90px)}
.cc-gallery{flex:1;min-height:calc(100dvh - 150px);display:flex;flex-direction:column}.cc-gallery>.cc-gallery-grid{flex:1;align-content:start}.cc-gallery .cc-canvas-card{align-self:start}
body .topbar .breadcrumb.cc-breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;max-width:none;overflow:hidden;white-space:nowrap;cursor:default}
body .cc-breadcrumb #crumb{display:flex;align-items:center;gap:12px;min-width:0}body .cc-breadcrumb #crumb>a{flex-shrink:0;padding:8px 4px;text-decoration:none;color:inherit}body .cc-breadcrumb .cc-personal-label{margin:0;color:inherit;flex-shrink:0;pointer-events:none}body .cc-breadcrumb .cc-crumb-separator{margin:0;color:var(--muted)}body .cc-breadcrumb .cc-crumb-name{min-width:0;max-width:32vw;overflow:hidden;text-overflow:ellipsis;cursor:default}
.cc-create-dialog{max-height:calc(100vh - 32px);overflow:auto}
.cc-create-dialog .cc-create-cloud label{display:flex;align-items:center;gap:8px}
.cc-gallery-grid{min-height:280px;padding:12px;align-content:start;user-select:none}.cc-gallery .cc-canvas-card.is-selected{border-color:#58bef0;box-shadow:0 0 0 2px #58bef055;background:color-mix(in srgb,var(--panel,#202b3b) 88%,#58bef0)}
.cc-gallery-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cc-gallery-toolbar span{display:none}.cc-gallery-toolbar button{font-size:12px;padding:6px 10px}.cc-gallery-toolbar>button[data-gallery-command="sync"],.cc-gallery-toolbar>button[data-gallery-command="download"],.cc-gallery-toolbar>button[data-gallery-command="copy"],.cc-gallery-toolbar>button[data-gallery-command="delete"]{display:none}.cc-gallery>header>[data-library="backup-settings"],.cc-gallery>header>[data-library="trash"]{display:none}.cc-gallery .cc-card-status{margin:8px 14px;color:#69c6e6;font-size:12px;overflow-wrap:anywhere;line-height:1.5}.cc-card-status progress{display:block;width:100%;height:5px;margin-top:5px;accent-color:#59bfff}.cc-card-status.error{color:#eb9d91}
.cc-gallery>header p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(720px,70vw)}
.cc-gallery:focus,.cc-gallery:focus-visible{outline:none}
.cc-gallery:has(>.cc-library-empty)>.cc-gallery-grid{display:none;flex:0;min-height:0;padding:0}.cc-gallery>.cc-library-empty{flex:1;min-height:340px;display:grid;place-items:center;padding:32px 20px;text-align:center;border:0;border-radius:0}.cc-library-empty>div{display:grid;justify-items:center;gap:10px;max-width:460px}.cc-library-empty h2{margin:0;font-size:20px}.cc-library-empty p{margin:0;line-height:1.8}
.cc-gallery-menu{position:fixed;z-index:10000;padding:8px;min-width:205px;border:1px solid #9bb6d833;border-radius:12px;background:#192534f5;box-shadow:0 14px 50px #0006;backdrop-filter:blur(18px);color:#eef5ff}.cc-gallery-menu small{display:block;padding:6px 10px;color:#94a7be}.cc-gallery-menu button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:6px;color:inherit;padding:10px;font-size:13px;cursor:pointer}.cc-gallery-menu button:hover,.cc-gallery-menu button:focus-visible{background:#6dcfff22}.cc-gallery-menu button:disabled{opacity:.4}.cc-gallery-marquee{position:fixed;pointer-events:none;z-index:9998;border:1px solid #60baf1;background:#60baf126}
.cc-create-dialog select{width:100%;padding:12px;border:1px solid #8fa8c755;border-radius:10px;background:#0d1624;color:#eef5ff;font:inherit}.cc-create-dialog .cc-create-cloud{margin-top:18px;border-top:1px solid #8fa8c733;padding-top:4px}.cc-create-cloud label{display:flex;align-items:center;gap:8px}.cc-create-dialog .cc-create-cloud input{display:inline-block;width:16px;height:16px;margin:0;accent-color:#319ad0}.cc-create-cloud span{display:block;margin-top:8px;color:#9bdcff;font-size:12px;overflow-wrap:anywhere}.cc-create-dialog .cc-create-cloud p{font-size:12px;margin:8px 0}
.cc-create-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));padding:30px;border:1px solid #9bb6d833;border-radius:20px;background:linear-gradient(145deg,#202b3bfa,#111a28f5);color:#eef5ff;box-shadow:0 28px 90px #0009;backdrop-filter:blur(22px)}
.cc-create-dialog::backdrop{background:#08101dcc;backdrop-filter:blur(8px)}
.cc-create-dialog h2{margin:0 0 10px;font-size:22px}.cc-create-dialog p{margin:0 0 22px;color:#aebed2;font-size:13px;line-height:1.7}
.cc-create-dialog label{display:block;margin:18px 0 9px;font-size:14px}.cc-create-dialog input{box-sizing:border-box;display:block;margin-top:10px;width:100%;height:46px;padding:0 14px;border:1px solid #8fa8c755;border-radius:10px;background:#0d1624;color:#f1f6fd;font:inherit}.cc-create-dialog input:focus{outline:2px solid #319ad0;outline-offset:2px}
.cc-create-location{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;background:#0d1624;border-radius:10px}.cc-create-location span{min-width:0;overflow-wrap:anywhere;font-size:14px}
.cc-create-dialog button{padding:10px 16px;border:1px solid #8fa8c733;border-radius:10px;background:#252c35;color:#eef5ff;font:inherit;cursor:pointer}.cc-create-dialog button:disabled{opacity:.5;cursor:wait}.cc-create-dialog .cc-create-note{margin:12px 0;font-size:12px}.cc-create-dialog [data-status]{color:#9bdcff;font-size:13px;line-height:1.6}.cc-create-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cc-create-dialog .primary{background:#17394d;border-color:#319ad099;color:#8bd7ff}.cc-create-dialog button:hover:not(:disabled){border-color:#71c8f5}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* Compact fixed-rule canvas creation. */

body .cc-create-dialog{width:min(410px,calc(100vw - 24px));padding:20px;border-radius:14px;background:#20252a;color:#dce2e8;font:13px/1.5 var(--font);max-height:calc(100dvh - 16px)}
body .cc-create-dialog h2{font:600 17px/24px var(--font);margin:0 0 8px;cursor:move}
body .cc-create-dialog p{font:12px/1.6 var(--font);color:#9da6af;margin:8px 0 12px}
body .cc-create-dialog label{font:500 13px/20px var(--font);margin:12px 0 6px;color:#c9d0d6}
body .cc-create-dialog input[name="canvasName"]{height:36px;min-height:36px;margin-top:6px;padding:0 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:7px;font:13px var(--font)}
body .cc-create-dialog .cc-create-location{padding:0;background:none;gap:8px}
body .cc-create-dialog .cc-create-location span{font-size:12px;color:#9da6af}
body .cc-create-dialog button{height:32px;padding:0 10px;font:12px/30px var(--font);border-radius:7px}
body .cc-create-dialog .cc-create-cloud{margin-top:12px;padding-top:0;border-color:#ffffff12}
body .cc-create-dialog .cc-create-cloud input{min-height:14px;width:14px;height:14px;margin:0}
body .cc-create-dialog [data-cloud-location]{font:11px/1.6 var(--font);color:#9da6af;margin:6px 0;overflow-wrap:anywhere}
body .cc-create-dialog footer{margin-top:16px;gap:8px}
 .cc-share-list{display:grid;gap:8px;max-height:min(52vh,420px);overflow:auto}.cc-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.cc-share-row strong,.cc-share-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-share-row small{color:#aebed2;font-size:11px}.cc-share-row .cc-share-state{font-size:11px;color:#8bd7ff}.cc-share-actions{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;gap:5px}.cc-share-actions button{padding:6px 10px;font-size:11px}
/* Generation is a visual state, not a simulated preview of the final image. */
.cc-media-node.is-generating .cc-media-surface{isolation:isolate;background:#17232e}
.cc-media-node.is-generating .cc-media-surface>img{animation:ccGenerationBreathe 4s ease-in-out infinite;opacity:.72}
.cc-media-node.is-generating .cc-media-surface::after{content:"";position:absolute;inset:-70%;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(86,169,224,.06) 43%,rgba(143,202,238,.28) 50%,rgba(86,169,224,.06) 57%,transparent 65%);animation:ccGenerationSweep 3.6s ease-in-out infinite}
.cc-media-node.is-generating .cc-media-surface::before{content:"生成中";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;background:#12202ad9;color:#e0effa;font-size:11px;letter-spacing:1px;z-index:3;pointer-events:none}
.cc-status:empty{display:none}
.cc-media-node .cc-empty-media{position:absolute;inset:0;display:block;text-align:center}
.cc-media-node .cc-empty-core{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.cc-media-node .cc-empty-core b{font-size:40px;line-height:1;font-weight:700;color:#fff}
.cc-media-node .cc-empty-core em{font-size:17px;line-height:1.4;font-weight:700;color:#fff;font-style:normal}
.cc-media-node .cc-empty-upload{font-size:10px;line-height:1.4;color:#aab1ba}
.cc-media-node .cc-empty-media .cc-empty-ability{position:absolute;left:18px;right:18px;bottom:20px;max-width:none;padding:0;line-height:1.5;white-space:normal;font-size:10px;color:#929aa5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cc-footer [data-cloud-detail]{font-size:11px;border:0;background:transparent;color:#8faaa0}
.cc-footer [data-cloud-detail].error{color:#e8b983}
@keyframes ccGenerationBreathe{0%,100%{filter:blur(2px) brightness(.86);transform:scale(1.015)}50%{filter:blur(5px) brightness(1.04);transform:scale(1.035)}}
@keyframes ccGenerationSweep{0%{transform:translateX(-40%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-media-surface>img,.cc-media-node.is-generating .cc-media-surface::after{animation:none}.cc-media-node.is-generating .cc-media-surface>img{filter:brightness(.8)}}

/* workbench-density.css */
/* Shared personal-workbench density. Keep admin and plugin surfaces unchanged. */
:root{--workbench-sidebar-width:190px}
.sidebar{padding:14px 10px 10px}
.sidebar .brand{gap:8px;font-size:18px;padding:0 5px}
.sidebar-heading{margin-top:12px}
#navigation a{min-height:36px;padding:6px 8px;gap:7px}
.topbar,body:has(.cc) .topbar{height:40px;min-height:40px;padding:0 16px;gap:10px}
.topbar-start{gap:9px;font-size:12px}
.breadcrumb a:hover{color:var(--accent);text-decoration:underline}
.topbar .sidebar-icon-button{width:28px;height:28px}
.top-actions{gap:10px;font-size:12px}
.top-actions .balance{padding:3px 8px}
.top-actions .avatar{width:25px;height:25px;font-size:12px}
.topbar button{font-size:12px;padding:3px 8px}
#main:not(:has(.cc)){padding:20px;max-width:1500px}
#main:not(:has(.cc)) h1{font-size:24px;margin-bottom:8px}
#main:not(:has(.cc)) h2{font-size:17px}
#main:not(:has(.cc)) .panel{padding:16px}
#main:not(:has(.cc)) button{padding:6px 12px;font-size:13px}
#main:not(:has(.cc)) input:not([type=checkbox]),#main:not(:has(.cc)) select{min-height:34px;padding:6px 10px}
.cc-project-title{max-width:210px;min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:3px 6px;cursor:text;border-radius:4px}
.cc-head .cc-space-link{font-size:14px;font-weight:600;border:0;padding:2px 0;color:var(--text)}
.cc-head .cc-space-link:hover{color:var(--accent)}
.cc-head .cc-back{flex-shrink:0;border-color:var(--line);background:var(--raised);color:var(--text);white-space:nowrap}
.cc [data-rename]:focus-visible,.cc-gallery [data-library-name]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.cc-gallery [data-library-name]{cursor:text}
.cc [data-rename],.cc-gallery [data-library-name]{user-select:none}
.cc-stage{background-image:linear-gradient(#a1b5ae0d 1px,transparent 1px),linear-gradient(90deg,#a1b5ae0d 1px,transparent 1px);background-size:32px 32px}
.cc-node header{gap:7px;padding:0 10px}
.cc-drag-title{flex:1;min-width:0}
.cc-category{font-size:9px;border-radius:4px;padding:1px 5px;background:#ffffff0b;color:var(--category)}
.cc-node{--category:#70bbd4}
.cc-node.type-prompt{--category:#c19bea}
.cc-node.type-text,.cc-node.type-image{--category:#b8da66}
.cc-node.type-expand,.cc-node.type-upscale{--category:#edbb76}
.cc-node.type-result{--category:#82b8ee}
.cc-node header{border-top:3px solid var(--category);border-radius:11px 11px 0 0}
.cc-node .cc-rename-node{font-size:12px;padding:0!important;width:22px;height:22px;min-height:22px;border:0;background:transparent;color:var(--muted)}
.cc-node .cc-node-content{gap:5px;padding:8px 10px}
.cc-node .cc-supplement{height:42px;min-height:42px;padding:5px 7px}
.cc-node .cc-reference{height:22px;min-height:22px}
.cc-group .cc-group-bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;cursor:grab;pointer-events:auto;color:var(--muted)}
.cc-group{border-width:2px;border-color:#78985f}
.cc-group-bar strong{font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:240px;color:var(--text)}
.cc-group-bar small{font-size:10px}
.cc-group .cc-group-bar button{position:static;display:inline-block;padding:0 6px;font-size:10px;height:23px;border:0;background:transparent}
.cc-links .cc-edge.related .cc-edge-line{stroke:#e4f9b1;stroke-width:3;opacity:1;filter:drop-shadow(0 0 3px #b5dc6677)}
.cc-links .cc-cut-preview{stroke:#ff8c8c;stroke-width:2;stroke-dasharray:4 3;pointer-events:none}
.cc-quick-create{position:absolute;z-index:15;width:152px;max-width:calc(100% - 16px);padding:5px;background:var(--panel);background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);border-radius:10px;box-shadow:0 8px 26px #0005, inset 0 1px 0 #ffffff0d}
.cc-quick-create[hidden]{display:none}
.cc-quick-create small{display:block;padding:5px 8px 6px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);margin-bottom:3px}
.cc-quick-create button{display:flex;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:30px;padding:5px 8px;text-align:left;background:transparent;border:0;font-size:12px;border-radius:6px;white-space:nowrap}.cc-menu-icon{width:16px;text-align:center;color:var(--accent);flex:none}
.cc-quick-create button:hover{background:var(--raised)}
.cc-quick-create button.primary{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.cc-quick-create button.danger{color:#ff9b9b}.cc-quick-create button.danger .cc-menu-icon{color:#ff7979}
.cc-rename-dialog{width:min(340px,calc(100vw - 32px));padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);margin:auto;box-shadow:0 16px 60px #0007}
.cc-rename-dialog::backdrop{background:#0007}
.cc-rename-dialog h2{font-size:16px;margin:0 0 12px}
.cc-rename-dialog input{width:100%;height:36px;min-height:36px;padding:6px 10px}
.cc-rename-dialog p{font-size:12px;color:var(--danger);margin:8px 0}
.cc-rename-dialog form>div{display:flex;justify-content:flex-end;gap:8px}
.cc-rename-dialog button{font-size:12px;padding:5px 12px}
.cc-gallery>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}
.cc-gallery>header>div:last-child{display:flex;gap:8px}
.cc-gallery p,.cc-gallery time{font-size:12px;color:var(--muted)}
.cc-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}
.cc-canvas-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden;min-width:0}
.cc-canvas-card h2{padding:0 14px;margin:12px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-canvas-card>p,.cc-canvas-card>time{display:block;margin:5px 14px}
#main .cc-card-preview{width:100%;height:148px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:linear-gradient(120deg,#152825,#102021);padding:14px;overflow:hidden;text-align:left}
.cc-card-preview>div{height:90px;display:flex;flex-wrap:wrap;gap:7px;align-content:center;overflow:hidden}
.cc-card-preview>div>span{border:1px solid #445a50;border-radius:5px;padding:5px;color:var(--muted);font-size:10px}
.cc-card-preview>span{display:block;font-size:11px;color:var(--accent);margin-top:10px}
.cc-card-actions{display:flex;justify-content:flex-end;padding:10px;gap:4px}
#main .cc-card-actions button{font-size:11px;padding:4px 7px;background:transparent}
.cc-library-note{margin-top:20px}
.cc-library-empty{padding:32px 20px;text-align:center;border:0;border-radius:0}
.cc-library-error{color:var(--danger)!important}
@media(max-width:700px){#main:not(:has(.cc)){padding:14px}.cc-project-title{max-width:130px}.top-actions{gap:4px}.topbar .topbar-start{gap:4px}.topbar{padding:0 8px}.cc-gallery>header{align-items:flex-start}}

/* In-place naming and quiet, image-led project cards. */
.cc .cc-inline-name,.cc-gallery .cc-inline-name{height:26px!important;min-height:26px!important;max-width:240px;width:160px;flex:1;padding:2px 3px!important;font-size:13px!important;line-height:20px;border-radius:0;border:0;border-bottom:1px solid var(--accent);background:transparent;outline:none;box-shadow:none}
.cc .cc-inline-name:focus-visible,.cc-gallery .cc-inline-name:focus-visible{outline:none;box-shadow:none;border-bottom-color:var(--accent)}
.cc-node.type-note{--category:#d6bc7f;background:#27271e;border-color:#666046;box-shadow:none}
.cc-node.type-note header{border-top-width:2px}
.cc-note-editor{resize:none;width:100%;flex:1;min-height:0;background:transparent!important;border:0!important;padding:2px!important;font-size:13px!important;line-height:1.7;color:#e2ddc9}
.cc-node.type-note footer{background:transparent;color:#b6b097;font-size:10px}
.cc-node .cc-note-resize{position:absolute;bottom:3px;right:3px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#c3b37d;cursor:nwse-resize;font-size:16px;touch-action:none}
.cc-note-resize:hover{color:var(--accent)}
.cc-quick-create{overflow-y:auto;overscroll-behavior:contain}
.cc-card-heading{display:flex;gap:8px;align-items:center;padding:12px 14px 3px}
.cc-canvas-card .cc-card-heading h2{padding:0;margin:0;flex:1;font-size:14px!important;min-width:0}
.cc-card-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}
#main .cc-card-preview{height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:0;background:var(--bg);position:relative}
.cc-card-preview img{display:block;width:100%;height:100%;object-fit:contain}
.cc-card-preview>.cc-cover-empty{font-size:32px;color:#51615e;margin:0}
.cc-card-preview>.cc-cover-caption{font-size:11px;color:var(--muted);margin:0}
.cc-card-preview:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.cc-card-actions{border-top:1px solid var(--line);margin-top:12px;padding:7px 10px}
.cc-canvas-card>time{font-size:11px;margin:3px 14px 0}
.cc-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.cc-footer{display:flex;align-items:center;border-top:1px solid var(--line);min-height:25px}
.cc-footer .cc-status{border:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-footer>button{max-width:45%;overflow:hidden;text-overflow:ellipsis;padding:0 10px;border:0;background:transparent;font-size:10px}
.cc-backup-dialog{width:min(460px,calc(100vw - 32px));padding:20px}
.cc-backup-dialog p{font-size:12px;margin:10px 0;color:var(--muted)}
.cc-backup-dialog label{display:flex;align-items:center;gap:8px;margin:12px 0}
.cc-backup-dialog input[type=checkbox]{min-height:0;accent-color:var(--accent)}
.cc-backup-location{padding:10px;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere;font-size:13px}
.cc-backup-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.cc-backup-buttons button{padding:5px 10px;font-size:12px}
.cc-backup-feedback{color:var(--accent)!important;min-height:20px}
.cc-backup-hint{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:16px;background:var(--panel);font-size:12px;color:var(--muted);border-radius:6px}
.cc-backup-hint[hidden]{display:none}
/* Local A/B review: fixed-ratio images, resizable frame, no image re-encoding. */
.cc-node.type-compare{--node-accent:#7fbde6;background:var(--panel);border-color:color-mix(in srgb,var(--node-accent) 45%,var(--line))}
.cc-node.type-compare .cc-node-content{gap:4px;padding:6px 10px}
.cc-compare-ref{display:flex;align-items:center;gap:8px;min-height:26px;font-size:10px;color:var(--muted);flex-shrink:0}
.cc-compare-ref b{color:var(--node-accent);width:12px}
.cc-compare-ref span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-compare-ref button{border:0;background:transparent;padding:0 4px;font-size:14px}
.cc-compare-surface{position:relative;min-height:90px;flex:1;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--bg);cursor:ew-resize;touch-action:none;user-select:none;isolation:isolate}
.cc-compare-surface .cc-compare-image,.cc-compare-empty{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:var(--bg)}
.cc-compare-surface .side-a{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.cc-compare-empty{display:grid;place-items:center;font-size:11px;color:var(--muted)}
.cc-compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 3px #000;pointer-events:none;transform:translateX(-1px)}
.cc-compare-line i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#10202be0;border:1px solid #d6e3ea;border-radius:12px;color:#fff;font-style:normal;font-size:14px;white-space:nowrap;padding:3px 5px}
.cc-compare-badge{position:absolute;top:6px;padding:2px 6px;background:#071018b8;border:1px solid #ffffff35;border-radius:4px;color:#fff;font-size:10px;pointer-events:none}
.cc-compare-badge.badge-a{left:6px}.cc-compare-badge.badge-b{right:6px}
.cc-compare-controls{display:flex;align-items:center;gap:6px;min-height:30px;flex-shrink:0}
.cc-compare-hint{flex:1;color:var(--muted);font-size:10px}
.cc-compare-controls button{font-size:10px;padding:3px 6px;white-space:nowrap}
.cc-node.type-compare footer{padding-right:30px}
.cc-media-status-wrap{margin-left:auto}
.cc-media-status{padding:0;background:transparent;color:#f1f5f2;font-size:8px}
@media(prefers-reduced-transparency:reduce){.cc-quick-create{background:var(--panel);backdrop-filter:none}}

/* Neutral, low-fatigue canvas chrome. */
body:has(.cc) .topbar{background:#292c31e8;border-bottom-color:#ffffff14;box-shadow:0 3px 14px #08090b28;backdrop-filter:blur(16px)}
.cc{position:relative}
.cc .cc-head{position:absolute;left:0;right:0;top:0;z-index:32;background:#30343ae8;border-bottom-color:#ffffff18;box-shadow:0 8px 24px #090a0d45;backdrop-filter:blur(18px) saturate(1.04);transform:translateY(calc(-100% + 6px));opacity:.42;transition:transform .38s cubic-bezier(.22,.72,.2,1),opacity .3s ease}
.cc .cc-head:hover,.cc .cc-head:focus-within{transform:translateY(0);opacity:1}
.cc .cc-head::after{content:'';position:absolute;left:50%;bottom:1px;width:42px;height:2px;border-radius:2px;background:#d7dade42;transform:translateX(-50%)}
.cc .cc-side-shell{background:#292d31;border-left-color:#ffffff16}
.cc .cc-side-rail{background:#272a2f;border-left-color:#ffffff14}
.cc .cc-side-rail button{color:#a5aab1}
.cc .cc-side-rail button:hover,.cc .cc-side-rail button.active{color:#dce2e0;background:#ffffff12}
.cc .cc-inspector{background:#2d3035;box-shadow:-14px 0 30px #08090b42}
.cc .cc-panel-head{background:#30343af2;border-bottom-color:#ffffff16}
.cc .cc-panel-section{border-bottom-color:#ffffff13}
.cc .cc-panel-field input,.cc .cc-panel-field select,.cc .cc-panel-field textarea,.cc .cc-asset-search input{background:#24272c;border-color:#ffffff1c;color:#eef0f2}
.cc .cc-panel-hint,.cc .cc-linked-source,.cc .cc-task-list article{background:#35393e;color:#bdc1c6}
.cc .cc-quick-create{background:#35393edf;border-color:#ffffff22;box-shadow:0 12px 34px #08090b66,inset 0 1px 0 #ffffff12}
.cc .cc-quick-create button:hover{background:#ffffff12}
.cc .cc-zoom,.cc .cc-tool-island{background:#30343ad9;border-color:#ffffff20;box-shadow:0 10px 28px #08090b50;backdrop-filter:blur(18px)}
.cc .cc-footer{background:#292c31;border-top-color:#ffffff12;color:#aeb2b7}
@media(prefers-reduced-motion:reduce){.cc .cc-head{transition:none}}
.cc-history-tabs{display:flex;gap:4px;align-items:center}
.cc-history-tabs button{font-size:11px;padding:4px 8px;background:transparent}
.cc-history-tabs .active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.cc-history-tabs button:last-child{margin-left:auto}
.cc-history-item .cc-history-preview{width:100%;height:130px;padding:0;overflow:hidden;border:1px solid var(--line);background:var(--bg)}
.cc-history-preview img{width:100%;height:100%;object-fit:contain;font-size:11px}
.cc-history-facts{margin:6px 0;color:var(--muted);font-size:10px!important}
.cc-node.type-compare .cc-note-resize{color:var(--node-accent)}
/* Task feedback updates in place; indeterminate motion is not a percentage. */
.cc-node footer.cc-generation-footer{height:42px;padding:5px 10px}

/* 2026 image-first canvas: quiet geometry and precise interaction anchors. */
.cc-media-node,.cc-media-node.selected{border-width:1px;border-color:#34423e;box-shadow:0 4px 14px #0002;background:transparent}
.cc-media-node.selected{border-color:#829783;box-shadow:0 0 0 .5px #82978355,0 5px 16px #0003}
.cc-media-node header{border-top:0!important;border-bottom:0;border-radius:6px!important;background:#0a1110a8}
.cc-node.type-compare{border-width:1px;box-shadow:0 4px 14px #0002;background:transparent}
.cc-node.type-compare header{border-top:0!important;border-bottom:0;border-radius:6px!important;background:#0a1110a8}
.cc-media-surface img{object-fit:contain!important}
.cc-media-node>.cc-port{width:14px!important;height:14px!important;border-width:1px!important}
.cc-media-node>.cc-port.in{left:-7px!important}
.cc-media-node>.cc-port.out{right:-7px!important}
.cc-links path.cc-edge-line{stroke-width:.68!important;opacity:.58;filter:none!important;vector-effect:non-scaling-stroke}
.cc-links .cc-edge.related .cc-edge-line{stroke-width:.9!important;opacity:.84;filter:none!important}
.cc-links .cc-edge:hover .cc-edge-line,.cc-links .cc-edge.selected .cc-edge-line{stroke-width:.9!important;opacity:.84;filter:none!important}
.cc-links .cc-link-preview{stroke-width:.75!important}
.cc-edge-hit,.cc-edge-hit:hover{stroke:transparent!important;stroke-width:14!important;opacity:0!important;filter:none!important;vector-effect:non-scaling-stroke}
.cc-edge-hover-flow{stroke:#dff9ad!important;stroke-width:.55!important;stroke-dasharray:7 20;stroke-linecap:round;opacity:0!important;pointer-events:none;vector-effect:non-scaling-stroke;animation:cc-hover-flow 5.5s linear infinite}
.cc-edge:hover .cc-edge-hover-flow{opacity:.42!important}
.cc-edge-flow{stroke-width:.82!important;stroke-dasharray:22 16!important;stroke-linecap:round;filter:none!important;vector-effect:non-scaling-stroke;animation-duration:1.05s!important}
.cc-inspector{scrollbar-width:thin;scrollbar-color:#34453f transparent}
.cc-inspector::-webkit-scrollbar{width:4px}.cc-inspector::-webkit-scrollbar-track{background:transparent}.cc-inspector::-webkit-scrollbar-thumb{border-radius:8px;background:#34453f}.cc-inspector::-webkit-scrollbar-thumb:hover{background:#52675e}
.cc-media-node{box-shadow:0 7px 13px -9px #000b,0 3px 12px #0002!important}
.cc-media-node.task-active{z-index:6}
.cc-media-node header{overflow:hidden;gap:6px!important}
.cc-media-node.selected:not(:hover):not(.task-active) header{opacity:0;pointer-events:none;transform:translateY(-2px)}
.cc-media-node header strong{min-width:0;flex:1}
.cc-media-node header .cc-media-status-wrap{flex:0 1 auto;overflow:hidden}
.cc-media-node>.cc-port{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;background:transparent!important;outline:0!important;opacity:0;z-index:8}
.cc-media-node>.cc-port.in{left:-14px!important}.cc-media-node>.cc-port.out{right:-14px!important}
.cc-media-node>.cc-port::after{content:'';position:absolute;left:8px;top:8px;width:12px;height:12px;border:1px solid #17201d;border-radius:50%;background:#9bc565;box-shadow:0 0 0 1px #d8efb222}
.cc-media-node>.cc-port.port-text::after{background:#bd94ee}
.cc-media-node>.cc-port:hover::after,.cc-media-node>.cc-port.linking::after{box-shadow:0 0 0 3px #d7ed9e55}
#detailDialog:has(.cc-lightbox-stage) .dialog-heading button{display:none}
#detailDialog:has(.cc-lightbox-stage){border:0!important;outline:0!important;box-shadow:none!important}
#detailDialog:has(.cc-lightbox-stage):focus-visible{outline:0!important}
.cc-stage.space-pan,.cc-stage.space-pan *{cursor:grab!important}.cc-stage.space-pan:active,.cc-stage.space-pan:active *,.cc-stage.middle-pan,.cc-stage.middle-pan *{cursor:grabbing!important}
.cc-media-node.selected:not(:hover):not(.task-active) header,.cc-media-node:focus-within:not(:hover):not(.task-active) header{opacity:0;pointer-events:none;transition-delay:0s}
.cc-media-node:hover header{opacity:.95;pointer-events:auto;transition-delay:.2s}
.cc-media-node.task-active header{opacity:.95;pointer-events:auto;transition-delay:0s}
.cc-node.type-compare{background:#101819!important;isolation:isolate}
.cc-node.type-compare .cc-node-content{height:100%;padding:40px 10px 8px!important;box-sizing:border-box;overflow:hidden}
.cc-node.type-prompt{border:1px solid #3c454d;background:#111719;box-shadow:0 7px 13px -9px #000b,0 3px 12px #0002}
.cc-node.type-prompt header{border-top:0!important;background:#101817;border-bottom:1px solid #26312e}
.cc-operation-tabs{gap:4px}.cc-operation-tabs button{min-height:27px;padding:2px 7px;border-radius:6px;font-size:10px}
.cc-prompt-field textarea{min-height:180px;line-height:1.65}.cc-prompt-tools{display:flex;align-items:center;gap:8px;margin-top:6px}.cc-prompt-tools button{padding:3px 8px;font-size:10px}.cc-prompt-tools span{font-size:9px;color:var(--muted)}
.cc-generation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0 10px;padding:3px;border-radius:8px;background:#0b1213}.cc-generation-tabs button{padding:4px 7px;border:0;background:transparent;font-size:10px}.cc-generation-tabs button.active{background:#1b2924;color:var(--accent)}
.cc-history-actions,.cc-bag-actions{display:flex;gap:5px;flex-wrap:wrap}.cc-history-actions button,.cc-bag-actions button{padding:3px 7px;font-size:9px}.cc-history-expiry{display:block;margin:5px 0;color:#73877f;font-size:9px}.cc-history-item{gap:3px}
.cc-bag-grid article.selected>button:first-child{box-shadow:0 0 0 1px var(--accent)}.cc-bag-grid article>button:first-child{position:relative}.cc-bag-grid article>button:first-child i{position:absolute;right:3px;bottom:3px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#0c1515d9;color:#a8bbb3;font-style:normal;font-size:9px}.cc-bag-grid article.selected>button:first-child i{background:var(--accent);color:#12200e}.cc-bag-hint{margin:8px 0;padding:7px;border-radius:6px;background:#0c1515;color:#71857d;font-size:9px}.cc-bag-review{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:5px;margin:8px 0}.cc-bag-review>button{padding:0;height:36px}.cc-bag-review>div{position:relative;min-width:0;display:grid;gap:3px;padding:4px;border:1px solid #34453f;border-radius:8px;background:#0a1111;cursor:grab}.cc-bag-review img{width:100%;height:168px;object-fit:contain}.cc-bag-review span{position:absolute;right:7px;top:7px;padding:1px 5px;border-radius:5px;background:#08100fbb;font-size:9px}.cc-bag-review b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.cc-bag-grid .dragging,.cc-bag-review .dragging{opacity:.45}
#detailDialog:has(.cc-lightbox-stage){width:min(94vw,1500px);max-height:94vh;padding:8px;background:#07100f99;border-color:#7e918933;overflow:hidden;backdrop-filter:blur(18px)}#detailDialog:has(.cc-lightbox-stage)::backdrop{background:#020706b5;backdrop-filter:blur(13px) saturate(70%)}#detailDialog:has(.cc-lightbox-stage) .dialog-heading{position:absolute;z-index:2;left:14px;right:14px;top:10px;margin:0;color:#dbe5e0}#detailDialog:has(.cc-lightbox-stage) .dialog-heading h2{font-size:11px;font-weight:500}#detailDialog:has(.cc-lightbox-stage) .dialog-heading button{background:#07100f99;border-radius:50%}.cc-lightbox-stage{height:calc(94vh - 16px);display:grid;place-items:center;overflow:hidden}.cc-lightbox-stage .cc-lightbox-image{max-width:92%;max-height:88vh;margin:auto;border:1px solid #c5d6ce22;box-shadow:0 18px 70px #0008;transform-origin:center;transition:transform .08s linear}.cc-lightbox-stage small{position:absolute;bottom:16px;padding:3px 8px;border-radius:6px;background:#07100faa;color:#91a49c;font-size:9px}
.cc-task-feedback{width:100%;min-width:0}
.cc-task-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;line-height:16px}
.cc-task-caption time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.cc-task-progress{height:3px;margin-top:4px;border-radius:3px;background:var(--line);overflow:hidden}
.cc-task-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent);width:0}
.cc-task-feedback[data-phase=idle] .cc-task-progress{visibility:hidden}
.cc-task-feedback[data-phase=active] .cc-task-progress i{width:35%;animation:cc-wait 1.8s ease-in-out infinite}
.cc-task-feedback[data-phase=queued] .cc-task-progress i,.cc-task-feedback[data-phase=uncertain] .cc-task-progress i{width:100%;opacity:.25;animation:cc-pulse 2s ease-in-out infinite}
.cc-task-feedback[data-phase=done] .cc-task-progress i{width:100%}
.cc-task-feedback[data-phase=failed]{color:var(--danger)}
.cc-task-feedback[data-phase=failed] .cc-task-progress i{width:100%;background:var(--danger)}
@keyframes cc-wait{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@keyframes cc-pulse{50%{opacity:.65}}
.cc-submit-review{position:absolute;z-index:15;left:16px;right:16px;bottom:72px;max-width:760px;margin:auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--accent);border-radius:12px;background:var(--panel);box-shadow:0 8px 28px #0003}
.cc-submit-review[hidden]{display:none}
.cc-submit-review>div{flex:1;min-width:0}
.cc-submit-review strong{font-size:12px}
.cc-submit-review small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}
.cc-submit-review button{flex-shrink:0;padding:6px 10px;font-size:11px}
.cc-history-help{margin:8px 0;font-size:10px;color:var(--muted)}
.cc-history-help summary{cursor:pointer}
.cc-history-help p{margin:5px 0;line-height:1.5}
.cc-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:9px 0;align-items:start}
.cc-history-item.has-preview{grid-template-columns:60px minmax(0,1fr) auto}
.cc-history-item .cc-history-heading{grid-column:1/-1;font-size:11px;line-height:17px;gap:6px}
.cc-history-item .cc-history-preview{grid-column:1;grid-row:2/5;width:60px;height:60px;margin:0;border-radius:6px}
.cc-history-prompt{grid-column:1/-1;min-width:0;font-size:11px;line-height:16px}
.has-preview .cc-history-prompt{grid-column:2/-1}
.cc-history-prompt summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;cursor:pointer;overflow-wrap:anywhere}
.cc-history-prompt[open] summary{display:block;color:var(--muted)}
.cc-history-item .cc-history-prompt p{margin:4px 0;max-height:none;overflow:visible;font-size:11px;line-height:1.5}
.cc-history-item .cc-history-facts{grid-column:1/-1;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1px 7px;margin:0;font-size:10px;line-height:15px}
.has-preview .cc-history-facts{grid-column:2/-1}
.cc-history-facts time{flex-basis:100%}
.cc-history-item .cc-history-add{grid-column:-2;margin:0;justify-self:end;font-size:10px;padding:2px 5px}
.cc-history-item .cc-history-error{grid-column:1/-1;margin:2px 0;font-size:10px;line-height:15px}
.cc-compare-surface:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.cc-task-progress i{animation:none!important}.cc-task-feedback[data-phase=active] .cc-task-progress i{width:100%;opacity:.4}}
@media(max-width:600px){.cc-submit-review{flex-wrap:wrap}.cc-submit-review>div{flex-basis:100%}}

/* Final neutral-glass pass: remove the remaining large green-black surfaces. */
.cc .cc-tool-island{background:#3a3d43d9;border-color:#ffffff2b;box-shadow:0 12px 30px #08090b55,inset 0 1px 0 #ffffff14}
.cc .cc-tool-island button,.cc .cc-tool-island .cc-symbol{color:#d2d5d8}
.cc .cc-tool-island button:hover,.cc .cc-tool-island button.active,.cc .cc-tool-island .cc-island-toggle:hover{background:#ffffff17!important;border-color:transparent!important;color:#f4f5f6!important}
.cc .cc-tool-island button:hover .cc-symbol,.cc .cc-tool-island button.active .cc-symbol{color:#f4f5f6}
.cc .cc-bag-tray.open::before{border-color:#ffffff2c;background:linear-gradient(180deg,#f3f5f619,#d7dbe010);box-shadow:0 -10px 30px #08090b3d,inset 0 1px 0 #ffffff17;backdrop-filter:blur(24px) saturate(.82)}
.cc .cc-bag-tray-head{border-right-color:#ffffff22}.cc .cc-bag-tray-head button{color:#c4c7cb}
.cc .cc-bag-strip article>button:first-child{background:#34383dbd;border-color:#ffffff32}.cc .cc-bag-strip article>button:first-child:hover{border-color:#ffffff8a;box-shadow:0 7px 18px #08090b52}
.cc .cc-bag-strip article.selected>button:first-child{border-color:#e6e9eb;box-shadow:0 0 0 1px #ffffff38}.cc .cc-bag-strip article.selected>small{color:#f0f1f2}
.cc .cc-node{border-color:#ffffff32;background:linear-gradient(145deg,#3c4046c7,#2a2e33dc);box-shadow:0 11px 28px #05060870,inset 0 1px 0 #ffffff14;backdrop-filter:blur(13px) saturate(.9)}
.cc .cc-media-node{border-color:#ffffff3c;background:linear-gradient(145deg,#40444ac7,#2c3035dd)}
.cc .cc-node.type-prompt{border-color:#ffffff38;background:linear-gradient(145deg,#403e49ce,#2e2d36e3)}
.cc .cc-node.type-prompt header,.cc .cc-media-node header{background:#eef1f214!important;color:#f1f2f3;box-shadow:inset 0 1px 0 #ffffff12}
.cc .cc-node.type-compare{border-color:#ffffff3d;background:linear-gradient(145deg,#40444acb,#2b2f34df)!important;box-shadow:0 11px 28px #05060870,inset 0 1px 0 #ffffff14}
.cc .cc-node.type-compare header{background:#eef1f216!important;color:#f1f2f3;box-shadow:inset 0 1px 0 #ffffff14}
.cc .cc-node.type-compare .cc-node-content{background:transparent}
.cc .cc-compare-surface{border-color:#ffffff24;background:#202328b8}
.cc .cc-compare-surface .cc-compare-image,.cc .cc-compare-empty{background:transparent}
.cc .cc-compare-ref,.cc .cc-compare-controls{background:transparent}
.cc .cc-compare-line i,.cc .cc-compare-badge{background:#30343bd6;border-color:#ffffff42}
.cc .cc-node footer{background:#eef1f20b;border-top:1px solid #ffffff0f}
.cc .cc-node.selected,.cc .cc-media-node.selected,.cc .cc-node.type-compare.selected{border-color:#e3e8ea!important;box-shadow:0 0 0 1px #ffffff32,0 12px 30px #05060878,inset 0 1px 0 #ffffff18}

/* Canvas-local palette: every control inherits neutral values instead of the
   green-tinted application palette. */
.cc{--bg:#1b1d21;--panel:#34383e;--sidebar:#30343a;--raised:#3d4248;--line:#50555d;--text:#eef1f3;--muted:#adb3ba;--accent:#e2e7e9;--accent-soft:#ffffff16;--accent-ink:#24272b;--danger:#ef9d9d}
.cc button{background:#3a3f45;border-color:#ffffff1c;color:#e2e5e7}
.cc button:hover:not(:disabled){background:#454a51;border-color:#ffffff38;color:#fff}
.cc button.active,.cc .cc-operation-tabs button.active,.cc .cc-generation-tabs button.active,.cc .cc-history-tabs button.active{background:#f1f3f51a!important;border-color:#ffffff54!important;color:#f5f6f7!important;box-shadow:inset 0 1px 0 #ffffff12}
.cc .primary,.cc button.primary,.cc .cc-panel-run .primary{background:#e8ecee!important;border-color:#e8ecee!important;color:#22262a!important;box-shadow:0 5px 16px #08090b42}
.cc .primary:hover,.cc button.primary:hover,.cc .cc-panel-run .primary:hover{background:#fff!important;border-color:#fff!important;color:#1e2125!important}
.cc .cc-panel-run{background:#34383ef2;border-top-color:#ffffff20;box-shadow:0 -8px 22px #090a0c35}
.cc .cc-generation-tabs{gap:6px;padding:0;background:transparent;border:0;border-radius:0}
.cc .cc-generation-tabs button{box-shadow:none}

/* Lightweight creation menu and zoom bar. */
.cc .cc-quick-create{width:174px;padding:6px;border:1px solid #ffffff30;border-radius:11px;background:linear-gradient(145deg,#f4f6f616,#d9dde00d)!important;box-shadow:0 12px 32px #08090b45,inset 0 1px 0 #ffffff1c!important;backdrop-filter:blur(22px) saturate(.82)}
.cc .cc-quick-create small{margin:0 5px 3px;padding:4px 3px 7px;border-bottom:1px solid #ffffff1d;color:#c4c8cc;font-size:10px;font-weight:400}
.cc .cc-quick-create button{position:relative;min-height:33px;padding:5px 8px;background:transparent!important;border:0!important;border-radius:6px;box-shadow:none!important;color:#e5e8ea}
.cc .cc-quick-create button::after{content:'';position:absolute;left:8px;right:8px;bottom:1px;height:8px;border-radius:50%;background:radial-gradient(ellipse at center bottom,#ffffff17,transparent 72%);opacity:0;pointer-events:none;transition:opacity .16s ease}
.cc .cc-quick-create button:hover,.cc .cc-quick-create button:focus-visible{background:linear-gradient(180deg,transparent,#ffffff0c)!important;color:#fff;transform:none}
.cc .cc-quick-create button:hover::after,.cc .cc-quick-create button:focus-visible::after{opacity:1}
.cc .cc-quick-create .cc-menu-icon{color:#d9dde0}
.cc .cc-zoom{gap:0;padding:3px;border:1px solid #ffffff2b;border-radius:11px;background:linear-gradient(145deg,#f4f6f615,#d9dde00d)!important;box-shadow:0 9px 25px #08090b3f,inset 0 1px 0 #ffffff18!important;backdrop-filter:blur(20px) saturate(.82)}
.cc .cc-zoom button{min-width:31px;height:31px;padding:3px 8px;background:transparent!important;border:0!important;border-radius:7px;box-shadow:none!important;color:#d9dde0}
.cc .cc-zoom button:hover{background:#ffffff10!important;color:#fff}
.cc .cc-zoom #ccZoom{min-width:48px;font-variant-numeric:tabular-nums}
.cc .cc-zoom button:last-child{margin-left:2px;padding-left:10px;border-left:1px solid #ffffff1c!important;border-radius:0 7px 7px 0}

/* Floating right tool rail: one glass layer, no stacked dark button cards. */
.cc .cc-side-shell,.cc .cc-side-shell.open{background:transparent;border-left:0;box-shadow:none}
.cc .cc-side-rail{align-self:flex-start;width:37px;flex:0 0 37px;height:auto;margin:9px 3px 0;padding:4px 2px;gap:2px;border:1px solid #ffffff2b;border-radius:11px;background:linear-gradient(145deg,#f4f6f616,#d9dde00d)!important;box-shadow:0 9px 25px #08090b3f,inset 0 1px 0 #ffffff18;backdrop-filter:blur(20px) saturate(.82)}
.cc .cc-side-rail button,.cc .cc-side-rail button.active{position:relative;width:31px;height:34px;padding:2px;background:transparent!important;border:0!important;border-radius:7px;box-shadow:none!important;color:#cfd3d6!important}
.cc .cc-side-rail button::after{content:'';position:absolute;left:5px;right:5px;bottom:1px;height:8px;border-radius:50%;background:radial-gradient(ellipse at center bottom,#ffffff18,transparent 72%);opacity:0;pointer-events:none;transition:opacity .16s ease}
.cc .cc-side-rail button:hover,.cc .cc-side-rail button.active{background:linear-gradient(180deg,transparent,#ffffff0d)!important;color:#fff!important}
.cc .cc-side-rail button:hover::after,.cc .cc-side-rail button.active::after{opacity:1}
.cc .cc-side-rail button+button{border-top:1px solid #ffffff0c!important}
.cc .cc-side-rail button b{right:-4px;top:-3px;border:1px solid #ffffff3d;background:#e7ebed;color:#22262a;box-shadow:0 3px 9px #08090b4a}
.cc .cc-zoom{bottom:10px;right:10px;padding:2px;border-radius:9px;opacity:0;transform:translateY(5px) scale(.96);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.72,.2,1)}
.cc .cc-zoom.is-visible,.cc .cc-zoom:hover,.cc .cc-zoom:focus-within{opacity:.92;transform:translateY(0) scale(1);transition-duration:.18s;transition-delay:0s}
.cc .cc-zoom button{min-width:25px;height:26px;padding:2px 6px;border-radius:6px;font-size:10px;line-height:18px}
.cc .cc-zoom #ccZoom{min-width:40px;font-size:10px}
.cc .cc-zoom button:last-child{padding-left:8px;padding-right:7px}
.cc .cc-side-shell,.cc .cc-side-shell.open{position:absolute;right:0;top:0;bottom:0;z-index:25;width:43px;min-width:43px;flex:0 0 auto;background:transparent!important;border:0!important;transition:width .36s cubic-bezier(.22,.72,.2,1)}
.cc .cc-side-shell.open{width:363px}
.cc.asset-expanded .cc-side-shell.open{width:min(780px,calc(100% - 70px))}
.cc .cc-side-shell:not(.open){background:linear-gradient(90deg,transparent,#f2f4f508)!important}
.cc .cc-inspector{padding-bottom:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}
.cc .cc-inspector::-webkit-scrollbar{width:4px}
.cc .cc-inspector::-webkit-scrollbar-track{background:transparent}
.cc .cc-inspector::-webkit-scrollbar-thumb{background:transparent}
.cc .cc-inspector.has-overflow:hover{scrollbar-width:thin;scrollbar-color:#777d84 transparent}
.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar{width:4px}
.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar-thumb{background:#777d84}
.cc .cc-panel-run{bottom:0;margin:12px -13px 0}
@media(max-width:900px){.cc .cc-side-shell.open,.cc.asset-expanded .cc-side-shell.open{width:min(363px,92vw)}}

/* Inspector and its tool rail are independent layers. */
.cc .cc-side-shell,.cc .cc-side-shell:not(.open){width:0;min-width:0;pointer-events:none;background:transparent!important}
.cc .cc-side-shell.open{width:363px;pointer-events:auto}
.cc.asset-expanded .cc-side-shell.open{width:min(780px,calc(100% - 70px))}
.cc .cc-side-shell.open .cc-inspector{width:100%;flex:1 1 100%;padding-right:17px}
.cc .cc-side-rail{position:fixed;right:12px;top:112px;z-index:48;align-self:auto;margin:0;padding:12px 2px 4px;pointer-events:auto;cursor:grab;touch-action:none}
.cc .cc-side-rail::before{content:'';position:absolute;left:50%;top:5px;width:13px;height:2px;border-radius:2px;background:#ffffff52;transform:translateX(-50%);box-shadow:0 3px 0 #ffffff20}
.cc .cc-side-rail.is-dragging{cursor:grabbing;box-shadow:0 14px 34px #08090b66,inset 0 1px 0 #ffffff22}
.cc .cc-side-rail.is-dragging *{cursor:grabbing!important}
.cc .cc-inspector{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}
.cc .cc-inspector::-webkit-scrollbar{width:4px}
.cc .cc-inspector::-webkit-scrollbar-track{margin-block-start:102px;margin-block-end:8px;background:transparent}
.cc .cc-inspector::-webkit-scrollbar-thumb{border-radius:5px;background:transparent;transition:background-color .24s ease}
.cc .cc-inspector.has-overflow:hover{scrollbar-color:transparent transparent}
.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar-thumb{background:transparent}
.cc .cc-inspector.has-overflow.is-scrolling{scrollbar-color:#92979e transparent}
.cc .cc-inspector.has-overflow.is-scrolling::-webkit-scrollbar-thumb{background:#92979e}
@media(max-width:900px){.cc .cc-side-shell.open,.cc.asset-expanded .cc-side-shell.open{width:min(363px,92vw)}}
.cc .cc-panel-field input,.cc .cc-panel-field select,.cc .cc-panel-field textarea,.cc .cc-asset-search input{background:#292d32!important;border-color:#ffffff24!important;color:#f0f2f4}
.cc .cc-panel-field input:focus,.cc .cc-panel-field select:focus,.cc .cc-panel-field textarea:focus,.cc .cc-asset-search input:focus{outline:0;border-color:#ffffff5c!important;box-shadow:0 0 0 2px #ffffff0c!important}
.cc .cc-operation-tabs button{background:#292e33;border-color:#ffffff18;color:#d9dde0}
.cc .cc-panel-hint,.cc .cc-linked-source,.cc .cc-task-list article{background:#3b4046;color:#c1c6ca}
.cc .cc-inspector{scrollbar-color:#686e76 transparent}
.cc .cc-inspector::-webkit-scrollbar-thumb{background:#686e76}.cc .cc-inspector::-webkit-scrollbar-thumb:hover{background:#858b93}
.cc .cc-side-rail button b,.cc .cc-task-progress i{background:#e4e8ea;color:#23262a}
.cc .cc-tool-island button,.cc .cc-tool-island button.active{position:relative;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#d9dcdf!important}
.cc .cc-tool-island button::after{content:'';position:absolute;left:8px;right:8px;bottom:1px;height:10px;border-radius:50%;background:radial-gradient(ellipse at center bottom,#ffffff18,transparent 72%);opacity:0;pointer-events:none;transition:opacity .18s ease}
.cc .cc-tool-island button:hover,.cc .cc-tool-island button.active{background:linear-gradient(180deg,transparent 45%,#ffffff09)!important;color:#fff!important}
.cc .cc-tool-island button:hover::after,.cc .cc-tool-island button.active::after{opacity:1}
.cc .cc-tool-island .cc-island-toggle,.cc .cc-tool-island .cc-island-toggle:hover,.cc .cc-tool-island .cc-island-toggle.active{background:transparent!important;border-color:transparent!important;border-bottom-color:#ffffff13!important;border-radius:0!important;box-shadow:none!important}
.cc .cc-tool-island .cc-symbol,.cc .cc-tool-island .cc-tool-label{transition:transform .2s cubic-bezier(.2,.75,.2,1),color .18s ease,font-size .2s ease}
.cc .cc-tool-island .cc-tool-label{font-size:12px;font-weight:450;transform-origin:left center}
.cc .cc-tool-island button:hover .cc-symbol,.cc .cc-tool-island button.active .cc-symbol{transform:translateX(1px) scale(1.08)}
.cc .cc-tool-island button:hover .cc-tool-label,.cc .cc-tool-island button.active .cc-tool-label{font-size:12.5px;transform:translateX(2px) scale(1.025);color:#fff}
.cc .cc-node.type-prompt{background:linear-gradient(145deg,#41454bc9,#2c3035e3)!important;border-color:#ffffff38!important;box-shadow:0 11px 28px #05060870,inset 0 1px 0 #ffffff14}
.cc .cc-node.type-prompt header{background:#eef1f214!important;border-bottom-color:#ffffff12!important;color:#eef1f3}
.cc .cc-node.type-prompt .cc-prompt-editor{background:transparent!important;border-color:transparent!important;color:#e3e6e8}
.cc .cc-node.type-prompt .cc-prompt-editor:focus{background:#ffffff08!important;box-shadow:inset 0 0 0 1px #ffffff22!important}
.cc .cc-node.type-prompt footer{background:#eef1f20a;border-top-color:#ffffff10}
.cc .cc-edge-hover-flow{display:none!important;animation:none!important}
.cc .cc-links .cc-edge-line{vector-effect:non-scaling-stroke}
.cc .cc-links .cc-edge:hover .cc-edge-line,.cc .cc-links .cc-edge.selected .cc-edge-line{stroke:#e3e8ea!important;stroke-width:1.35px!important;stroke-dasharray:none!important;stroke-linecap:round;opacity:.96!important;filter:drop-shadow(0 0 1px #ffffff38)!important}
.cc .cc-inspector{scrollbar-width:none}
.cc .cc-inspector::-webkit-scrollbar{width:0}
.cc .cc-inspector.has-overflow:hover{scrollbar-width:thin;scrollbar-color:#777d84 transparent}
.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar{width:3px}
.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar-thumb{border-radius:4px;background:#777d84}

/* Native scrollbars stay fully suppressed. A fixed-width custom indicator is
   painted between the sticky header and sticky generation footer. */
.cc .cc-inspector,.cc .cc-inspector.has-overflow:hover,.cc .cc-inspector.has-overflow.is-scrolling{padding-right:17px!important;scrollbar-gutter:auto!important;scrollbar-width:none!important;scrollbar-color:transparent transparent!important}
.cc .cc-inspector::-webkit-scrollbar,.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar{width:0!important;height:0!important}
.cc .cc-inspector::-webkit-scrollbar-track,.cc .cc-inspector::-webkit-scrollbar-thumb,.cc .cc-inspector.has-overflow:hover::-webkit-scrollbar-thumb{background:transparent!important}
.cc .cc-scroll-indicator{position:absolute;right:6px;top:104px;bottom:64px;z-index:8;width:3px;overflow:hidden;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .28s ease}
.cc .cc-scroll-indicator[hidden]{display:none}
.cc .cc-scroll-indicator.is-visible{opacity:.78}
.cc .cc-scroll-indicator i{position:absolute;left:0;top:0;width:3px;min-height:28px;border-radius:4px;background:#cbd0d5;box-shadow:0 0 4px #ffffff24;will-change:transform}
.cc .cc-stage.cut-ready,.cc .cc-stage.cutting,.cc .cc-stage.cut-ready .cc-world,.cc .cc-stage.cutting .cc-world,.cc .cc-stage.cut-ready .cc-world :not(input):not(textarea):not(select),.cc .cc-stage.cutting .cc-world :not(input):not(textarea):not(select){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1.5L7.5 3.8L5.2 6.1Z' fill='%23fff' stroke='%2321262b' stroke-width='.8'/%3E%3Cpath d='M5.4 6L13.8 14.2' fill='none' stroke='%2321262b' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M5.4 6L13.8 14.2' fill='none' stroke='%23f7f9fa' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 1 1,crosshair!important}
.cc .cc-cut-preview{stroke:#ff6f76!important;stroke-width:1.45!important;stroke-dasharray:7 6!important;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 2px #ff596566)}

/* The tray should visually dissolve into the canvas instead of ending in two
   hard vertical seams. Keep the usable strip full width while fading only its
   painted surface and thumbnail overflow near the edges. */
.cc .cc-bag-tray.open::before{border-left:0!important;border-right:0!important;border-radius:14px 14px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.cc .cc-bag-strip{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}

/* Local visual-condition nodes. The viewport is deliberately lightweight: the
   node state is authoritative and the orbit surface is only its interaction layer. */
.cc .cc-control-node{background:linear-gradient(145deg,#363b42dc,#272b31e8);border-color:#ffffff3d;backdrop-filter:blur(14px) saturate(1.08)}
.cc .cc-control-node header{background:#ffffff0a;border-bottom-color:#ffffff12}
.cc .cc-control-viewport{position:absolute;left:14px;right:14px;top:50px;height:164px;overflow:hidden;border:1px solid #ffffff20;border-radius:13px;background:radial-gradient(circle at 50% 48%,#ffffff12 0 2px,transparent 3px),radial-gradient(ellipse at center,#6471801d,transparent 66%),linear-gradient(180deg,#21262c9e,#171b20c4);cursor:crosshair;touch-action:none;box-shadow:inset 0 1px 0 #ffffff10}
.cc .cc-control-viewport::before,.cc .cc-control-viewport::after{content:'';position:absolute;inset:17px 28px;border:1px solid #ffffff18;border-radius:50%;transform:rotate(-10deg)}
.cc .cc-control-viewport::after{transform:rotate(90deg) scaleX(.56)}
.cc .cc-orbit-ring{position:absolute;left:50%;top:50%;width:76%;height:42%;border:1px solid #ffffff1c;border-radius:50%;transform:translate(-50%,-50%)}
.cc .cc-control-subject{position:absolute;left:50%;top:50%;z-index:2;min-width:38px;height:48px;display:grid;place-items:center;border:1px solid #ffffff3a;border-radius:18px 18px 10px 10px;background:#dfe4e914;color:#dfe5e8;font-size:10px;transform:translate(-50%,-50%);backdrop-filter:blur(7px)}
.cc .cc-control-marker{position:absolute;left:var(--x);top:var(--y);z-index:3;width:23px;height:23px;display:grid;place-items:center;border:1px solid #ffffff8c;border-radius:50%;background:#edf2f3dc;color:#252a30;font-size:12px;transform:translate(-50%,-50%);box-shadow:0 0 16px #dce7ee45;pointer-events:none}
.cc .type-lighting .cc-control-marker{background:#fff1bf;color:#67551e;box-shadow:0 0 22px #ffe9a06b}
.cc .cc-control-readout{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:3px}.cc .cc-control-readout b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf0f2;font-size:11px;font-weight:520}.cc .cc-control-readout small{color:#aeb5bb;font-size:9px}
.cc .port-camera_condition{background:#82b7e8!important}.cc .port-lighting_condition{background:#f2cf7c!important}
.cc .cc-condition-panel{display:grid;gap:12px}.cc .cc-condition-field{display:grid;gap:6px}.cc .cc-condition-field>span{display:flex;justify-content:space-between;color:#c6cbd0;font-size:10px}.cc .cc-condition-field output{color:#f0f2f3;font-variant-numeric:tabular-nums}.cc .cc-condition-field input{width:100%;accent-color:#d7dde1}.cc .cc-condition-prompt{margin:12px 18px;padding:9px 0;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.cc .cc-condition-prompt summary{color:#cbd0d4;font-size:10px;cursor:pointer}.cc .cc-condition-prompt p{color:#aeb5ba;font-size:9px;line-height:1.65}
.cc .cc-camera-studio{background:linear-gradient(140deg,#40454bdc,#2b2f35eb)!important;border:1px solid #ffffff30;border-radius:18px;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff12;overflow:visible}
.cc .cc-camera-studio header{height:42px!important;position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;background:transparent!important;border:0!important;padding:0 18px;display:flex;align-items:center;gap:9px}
.cc .cc-camera-studio header strong{font-size:12px;font-weight:500}.cc .cc-camera-studio header small{margin-left:auto;font-size:8px;letter-spacing:2px;color:#a7afb7}.cc .cc-camera-heading .cc-symbol{width:18px;height:18px}
.cc .cc-camera-scene{height:310px;margin:0 10px;cursor:grab;touch-action:none;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,#a6b7c00b,transparent 70%);overflow:hidden}.cc .cc-camera-scene:active{cursor:grabbing}.cc .cc-camera-scene svg{width:100%;height:100%;display:block;pointer-events:none}
.cc .cc-camera-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;margin:8px 22px 0;padding-top:15px;border-top:1px solid #ffffff12}.cc .cc-camera-controls label{display:grid;grid-template-columns:30px 1fr 44px;align-items:center;gap:8px;font-size:10px;color:#b5bec7}.cc .cc-camera-controls input{min-width:0;width:100%;height:3px;padding:0!important;accent-color:#e3eaf0;cursor:ew-resize}.cc .cc-camera-controls output{text-align:right;color:#e0e6eb;font-size:10px;font-variant-numeric:tabular-nums}
.cc .cc-camera-studio .cc-port{width:20px!important;height:20px!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:.75}.cc .cc-camera-studio .cc-port::after{content:'';position:absolute;inset:6px;border-radius:50%;background:#a6c4d9;box-shadow:0 0 0 1px #ffffff3a}.cc .cc-camera-studio .cc-port.in::after{background:#b3c991}.cc .cc-camera-studio .cc-port:hover{opacity:1}.cc .cc-camera-studio .cc-port.in{left:-10px!important}.cc .cc-camera-studio .cc-port.out{right:-10px!important}
.cc .cc-camera-controls{background:#ffffff04;border:1px solid #ffffff12;border-radius:12px;padding:17px 14px;margin:2px 14px 0;gap:18px 18px}
.cc .cc-camera-controls input[type=range]{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;box-shadow:none!important;height:18px!important;outline:none!important}
.cc .cc-camera-controls input[type=range]::-webkit-slider-runnable-track{height:2px;background:#ffffff26;border-radius:2px}
.cc .cc-camera-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:50%;background:#e8edf1;box-shadow:0 0 6px #ffffff25}
.cc .cc-camera-controls input[type=range]::-moz-range-track{height:2px;background:#ffffff26}
.cc .cc-camera-controls input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;background:#e8edf1;border-radius:50%}
.cc .cc-camera-studio .cc-camera-scene{height:245px;background:radial-gradient(ellipse at 50% 48%,#6da6c30d,transparent 72%)}
.cc .cc-camera-studio .cc-camera-heading{color:#9dcddd}
.cc .cc-camera-studio .cc-camera-controls{border-top-color:#b4dbe52b;background:linear-gradient(120deg,#a5cddd08,#ffffff03)}
.cc .cc-camera-studio .cc-camera-controls output{color:#b8dfeb}
.cc .cc-camera-studio .cc-camera-scene{background:radial-gradient(ellipse at 50% 35%,#292a2d,#191a1c 90%)}
.cc .cc-camera-studio .cc-camera-heading,.cc .cc-camera-studio .cc-camera-controls output{color:#e7e7e7}
.cc .cc-camera-studio .cc-camera-controls{border-top-color:#ffffff25;background:linear-gradient(120deg,#ffffff08,#ffffff03)}
.cc .cc-camera-studio .cc-camera-scene{position:relative}
.cc .cc-camera-hints{position:absolute;left:10px;right:10px;bottom:9px;display:flex;justify-content:space-between;gap:12px;color:#a4a7ab;font-size:8px;line-height:12px;pointer-events:none}
.cc .cc-camera-hints span:last-child{white-space:nowrap}
.cc .cc-lighting-studio input[data-condition-field="temperature"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff8546 0%,#fff 45%,#9bc0ff 100%)}
.cc .cc-lighting-studio input[data-condition-field="temperature"]::-moz-range-track{background:linear-gradient(90deg,#ff8546 0%,#fff 45%,#9bc0ff 100%)}
.cc .cc-lighting-studio .cc-port.out::after{background:#e7d6ae}

/* creative-upgrade.42086d09ee2cbf17.css */
/* Content-first canvas: compact controls and a steady, lightweight selection dock. */
body:has(.cc) .topbar:has(.cc-menu[open]){position:relative;z-index:20000!important;overflow:visible!important;opacity:1!important;transform:none!important}
.topbar>.cc-head .cc-menu[open]>div{display:grid!important;visibility:visible!important;opacity:1!important;top:calc(100% + 8px);background:linear-gradient(145deg,#474b52f5,#30343bf5);border:1px solid #ffffff45;color:#e4e8ef;backdrop-filter:blur(20px);box-shadow:0 12px 32px #0004}
.topbar>.cc-head .cc-menu button:hover{background:#ffffff10}
.topbar>.cc-head input.cc-inline-name,.topbar>.cc-head input.cc-inline-name:focus{box-sizing:border-box;width:200px;max-width:30vw;height:28px;min-height:28px;margin:0;padding:3px 8px;font-size:12px;font-weight:400;line-height:20px;background:#ffffff08!important;color:#e3e7ed!important;border:1px solid #ffffff40!important;border-radius:6px;outline:none!important;box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important}
.cc .cc-panel-run button.primary,.cc button.primary[data-cc="run"],.cc button.primary[data-cc="submit-review"]{background:linear-gradient(135deg,#b9ccf02b,#d8c8ef16)!important;color:#d2dfff!important;border:1px solid #d1dfff66!important;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff1c,0 3px 10px #0002!important;font-weight:500}
.cc .cc-panel-run button.primary:hover,.cc button.primary[data-cc="run"]:hover,.cc button.primary[data-cc="submit-review"]:hover{background:linear-gradient(135deg,#b9ccf03d,#d8c8ef28)!important;color:#e6edff!important;border-color:#d1dfff99!important}
.cc .cc-panel-run button.primary:disabled{opacity:.45;box-shadow:none!important}
body:has(.cc) .topbar{gap:12px;overflow:visible}
.topbar>.cc-head .cc-workspace-links{display:flex;align-items:center;gap:3px;flex:0 0 auto;order:0;border-right:1px solid #ffffff18;padding-right:8px}
.topbar>.cc-head .cc-workspace-links strong{font-size:12px;color:#eef4fb;font-weight:650;margin-right:4px;white-space:nowrap}
.topbar>.cc-head .cc-workspace-links a{padding:5px 7px;border-radius:6px;color:#aab5c2;font-size:11px;white-space:nowrap}
.topbar>.cc-head .cc-workspace-links a:hover,.topbar>.cc-head .cc-workspace-links a:focus-visible{background:#ffffff12;color:#eef4fb}
.cc-panel-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.cc-gallery>header>[data-library="backup-settings"],.cc-gallery>header>[data-library="trash"]{display:none}
.cc-gallery .cc-backup-hint{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar>.cc-head{display:flex;flex:1;min-width:0;min-height:0;height:100%;padding:0;gap:10px;border:0;background:transparent;backdrop-filter:none;box-shadow:none;flex-wrap:nowrap}
.topbar>.cc-head .cc-project-title{max-width:240px;min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;cursor:text}
.topbar>.cc-head .cc-project-title::before{content:'/';margin-right:12px;color:#929aa4}
.topbar>.cc-head .cc-head-actions{margin-left:auto;gap:3px}
.topbar>.cc-head .cc-menu{flex-shrink:0}.topbar>.cc-head .cc-menu>div{z-index:10030}
body:has(.cc) .topbar #refreshButton{display:none}
@media(max-width:1050px){body:has(.cc) .topbar .breadcrumb{font-size:11px}.topbar>.cc-head .cc-project-title{max-width:160px}body:has(.cc) .topbar #displayName{display:none}}
@media(max-width:760px){body:has(.cc) .topbar .breadcrumb{display:none}body:has(.cc) .topbar .top-actions{width:auto}.topbar>.cc-head [data-cc="clean-view"]{display:none}.topbar>.cc-head .cc-project-title{max-width:120px}}
.cc-track-scroll{overflow:hidden;margin:14px 8px 8px;padding:0}
.cc-video-review header{cursor:grab;touch-action:none;user-select:none}.cc-video-review header:active{cursor:grabbing}
.cc-video-review .cc-player-sound{position:absolute;left:4px;display:grid;place-items:center;border:0;background:transparent;padding:6px}
.cc-video-review-hint{display:flex;justify-content:space-between;gap:8px;padding:2px 5px;color:#b8c2cf;font-size:9px;font-variant-numeric:tabular-nums}.cc-video-review .cc-video-review-status:empty{display:none}
.cc-video-review .cc-time-needle{transition:none!important}
.cc-video-track{position:relative;height:83px;min-width:100%;cursor:ew-resize;touch-action:none;user-select:none;outline:none}
.cc-time-ruler{height:23px;position:relative;color:#b5bbc4;font-size:9px;background:repeating-linear-gradient(90deg,#ffffff20 0 1px,transparent 1px 16px) left bottom/100% 4px no-repeat}
.cc-time-ruler span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.cc-time-ruler span:first-child{transform:none}.cc-time-ruler span:last-child{transform:translateX(-100%)}
.cc-video-track .cc-filmstrip{display:flex;gap:0;padding:0;height:56px;border:1px solid #ffffff40;border-radius:5px;overflow:hidden;box-sizing:border-box;background:#22252a}
.cc-video-track .cc-filmstrip>div{flex:1;min-width:0;height:100%}.cc-video-track .cc-filmstrip span{display:block;height:100%}.cc-video-track .cc-filmstrip img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.cc-time-needle{position:absolute;top:0;bottom:0;width:1px;background:#fff;pointer-events:none;box-shadow:0 0 3px #0008;transform:translateX(-1px)}.cc-time-needle i{position:absolute;top:0;left:-4px;width:9px;height:12px;border-radius:2px 2px 4px 4px;background:#f4f5f7}
.cc-video-review .cc-transport{display:flex;align-items:center;gap:8px;margin:auto}.cc-video-review .cc-transport button{border:0;background:transparent;min-width:30px;height:30px;font-size:18px}.cc-video-review .cc-transport button:hover{background:#ffffff12}.cc-video-review footer{position:relative;min-height:36px}.cc-video-review [data-capture]{position:absolute;right:4px}.cc-video-review .cc-video-review-status{min-height:14px;font-size:9px;opacity:.7;padding:0 5px}
.cc .cc-video-duration{position:absolute;bottom:8px;right:39px;z-index:4;padding:1px 4px;border-radius:4px;background:#25292d88;color:#e2e6ee;font-size:10px;line-height:16px;pointer-events:none;font-variant-numeric:tabular-nums}
.cc-video-player.cc-video-review>video{max-height:calc(100vh - 245px)!important}
.cc-filmstrip{display:flex;overflow-x:auto;overflow-y:hidden;gap:4px;padding:8px 0 3px;scrollbar-width:thin;scrollbar-color:#aab3c044 transparent;max-width:100%}
.cc-filmstrip button{flex:0 0 76px;min-width:0;padding:0!important;overflow:hidden;border:1px solid #ffffff12!important;background:#ffffff04!important}.cc-filmstrip button.active{border-color:#e7eef7aa!important}
.cc-filmstrip button>span{height:43px;width:76px;display:block}.cc-filmstrip img{display:block;width:100%;height:100%;object-fit:contain}.cc-filmstrip small{display:block;font-size:9px;padding:2px;color:#bcc5d1}
.cc-video-review .cc-video-seek{display:block;width:100%;height:14px;margin:3px 0;accent-color:#dfe6f1;cursor:ew-resize}
.cc-video-review footer{display:flex;align-items:center;gap:6px;padding:4px 0}.cc-video-review footer output{font-size:10px;font-variant-numeric:tabular-nums;color:#c3ccd8;flex:1}.cc-video-review footer button{font-size:11px;white-space:nowrap}
.cc-video-review-status{font-size:10px;color:#b8c2cf;margin:4px 0 0;line-height:1.4}
.cc .cc-video-surface{position:relative}.cc .cc-inline-video{width:100%!important;height:100%!important;object-fit:contain;display:block;pointer-events:none;background:#202227}
.cc .cc-video-toggle{position:absolute;left:10px;bottom:9px;z-index:5;width:30px;height:28px;min-height:0;padding:0;border:1px solid #ffffff40;border-radius:8px;background:#30343bc9!important;color:#f1f4fa;box-shadow:none}
.cc-video-player{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10020;box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:hidden;padding:8px;border:1px solid #ffffff50;border-radius:14px;background:#34383ef2;box-shadow:0 18px 60px #0006;backdrop-filter:blur(18px);color:#e6eaf0}
.cc-video-player header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 8px;font-size:12px}.cc-video-player header>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-video-player header small{color:#b2bcc9;font-size:10px;margin-left:5px}.cc-video-player header>div{display:flex;gap:6px;flex-shrink:0}
.cc-video-player button{background:#ffffff08;border:1px solid #ffffff24;color:inherit;border-radius:7px;padding:3px 8px;cursor:pointer}
.cc-video-player>video{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:calc(100vh - 140px)!important;object-fit:contain!important;border:0!important;border-radius:9px;background:#17191d;outline:none}
.cc-video-player>video:fullscreen{max-height:100vh!important;height:100vh!important;border-radius:0}
.cc-player-error{font-size:11px;color:#f0c5bc;margin:9px 4px}
.cc .cc-video-surface{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#3e424a80,#25282e)!important;color:#d9dee6;font-size:11px}.cc .cc-video-surface small{font-size:9px;color:#aab1be}.cc .cc-video-play{font-size:32px;font-weight:300;color:#dbe3f1}.cc .cc-node>.cc-port.port-video::after{background:#b4a8d7}
.cc .cc-video-cloud-visual{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff28;border-radius:14px;background:linear-gradient(145deg,#ffffff12,#ffffff04);color:#dce8f8;font-size:23px;box-shadow:0 8px 24px #0002}
.cc .cc-video-surface .cc-video-loading-visual{position:absolute;inset:-12%;z-index:0;background:radial-gradient(circle at 24% 30%,#5b6f9e 0 15%,transparent 42%),radial-gradient(circle at 75% 68%,#806b96 0 18%,transparent 46%),linear-gradient(125deg,#25364a,#4a3b58 52%,#263f45);filter:blur(15px);opacity:.72;animation:ccVideoGlow 3.2s ease-in-out infinite alternate}.cc .cc-video-spinner,.cc .cc-video-loading-label,.cc .is-video-loading .cc-video-surface small{position:relative;z-index:1}.cc .cc-video-spinner{width:28px;height:28px;border:2px solid #ffffff35;border-top-color:#eef4ff;border-radius:50%;animation:ccVideoSpin .85s linear infinite}.cc .cc-video-loading-label{font-size:11px;color:#f0f3f8}.cc .is-video-loading .cc-video-surface{overflow:hidden;background:#29303a!important}@keyframes ccVideoSpin{to{transform:rotate(360deg)}}@keyframes ccVideoGlow{from{transform:scale(1) translate3d(-2%,0,0)}to{transform:scale(1.08) translate3d(2%,-1%,0)}}@media(prefers-reduced-motion:reduce){.cc .cc-video-spinner,.cc .cc-video-surface .cc-video-loading-visual{animation:none}}
.cc-video-view{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:85vw}.cc-video-view video{width:min(900px,80vw);max-height:72vh;background:#17191d;border-radius:10px}.cc-video-view small{font-size:11px;color:#afb7c4}
.cc-video-mode-stage{min-height:150px;box-sizing:border-box}.cc-video-refs{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:6px;margin-top:8px;font-size:10px}.cc-frame-card{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;min-width:0;height:54px;padding:4px!important;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05;overflow:visible!important}.cc-frame-card img,.cc-frame-card>i{grid-row:1/3;width:42px;height:42px;object-fit:cover;border-radius:6px;background:#15191e;display:grid;place-items:center;font-style:normal}.cc-frame-card b,.cc-frame-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-frame-card b{align-self:end;color:#f1f4f7}.cc-frame-card small{align-self:start;color:#9da5af}.cc-frame-card>button{position:absolute;right:2px;top:2px;width:18px;height:18px;padding:0!important;border-radius:50%}.cc-frame-card.is-empty{opacity:.62}.cc-frame-swap{width:26px;height:26px;padding:0!important;border-radius:50%!important}.cc-video-actions{display:flex;gap:6px}.cc-video-actions button{font-size:11px;padding:5px 8px}
.cc .cc-video-capability{display:block;grid-column:1/-1;width:100%;margin:2px 0 0!important;white-space:normal;overflow-wrap:break-word;line-height:1.5!important}
.cc .cc-video-prompt textarea{resize:none!important}
.cc .cc-model-paired .cc-spec-fields .cc-panel-field{grid-template-columns:42px minmax(0,1fr)!important}
.cc-create-catalog{width:174px}.cc-create-catalog section{display:block;padding:5px 3px;border:0}.cc-create-catalog section>div{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;width:100%}
.cc .cc-create-catalog button{position:relative;white-space:nowrap;text-align:left;padding:6px 7px!important}
.cc .cc-create-catalog button+button::before{content:'';position:absolute;left:7px;right:7px;top:0;height:1px;background:#ffffff14;pointer-events:none}
.cc .type-camera>.cc-port.in,.cc .type-lighting>.cc-port.in{display:none!important}
.cc .cc-node-number{position:absolute;bottom:5px;right:8px;font-size:10px;line-height:16px;font-weight:400;letter-spacing:.04em;color:#d7dbe180;pointer-events:none;z-index:4}
.cc .cc-media-node .cc-node-number{color:#fff9;text-shadow:0 1px 3px #0008}.cc .cc-node.selected .cc-node-number,.cc .cc-node:hover .cc-node-number{color:#e0e4eb}
.cc .cc-control-chips{display:flex;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff12}.cc .cc-control-chips button{font-size:10px;padding:4px 7px;background:#ffffff06!important;border:1px solid #ffffff1c;border-radius:6px}.cc-control-chips small{color:#a6afbb;margin-left:5px}
/* One visual language for all connection kinds; the hit area stays generous. */
.cc .cc-node>.cc-port{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.cc .cc-node>.cc-port.in{left:-10px!important}.cc .cc-node>.cc-port.out{right:-10px!important}
.cc .cc-node>.cc-port::after{content:'';position:absolute;left:5px!important;top:5px!important;width:10px!important;height:10px!important;box-sizing:border-box;border:1px solid #ffffff40;border-radius:50%;background:#a5c27b;box-shadow:none!important}
.cc .cc-node>.cc-port.port-text::after{background:#bd94ee}.cc .cc-node>.cc-port.port-camera_condition::after{background:#91b8d4}.cc .cc-node>.cc-port.port-lighting_condition::after{background:#e1c58a}
.cc .cc-node>.cc-port:hover::after{box-shadow:0 0 0 2px #ffffff26!important}
.cc .cc-quick-create{position:fixed!important;inset:auto;margin:0!important;z-index:10000!important;padding:6px!important;min-width:166px;width:max-content;max-width:min(340px,95vw);background:linear-gradient(145deg,#eff4ff24,#b9c2d010),#34383e78!important;border:1px solid #ffffff66!important;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff26,0 12px 32px #0003;backdrop-filter:blur(20px) saturate(115%);overflow:auto}
.cc .cc-quick-create::backdrop{background:transparent;pointer-events:none}
.cc .cc-quick-create button{min-height:30px!important;padding:6px 10px!important;font-size:12px!important;background:transparent!important;border:0!important}
.cc .cc-quick-create button:hover,.cc .cc-quick-create button.active{background:#ffffff0e!important}
.cc-create-browser{display:grid;grid-template-columns:72px minmax(140px,1fr);min-height:166px}
.cc-create-browser nav{border-right:1px solid #ffffff18;padding-right:5px}.cc-create-options{padding:0 5px}
.cc .cc-prompt-actions{display:flex;align-items:center;gap:6px;margin-top:5px}.cc .cc-prompt-actions button{font-size:10px;min-height:24px;margin:0;padding:3px 4px;background:transparent!important;border:0}.cc .cc-prompt-actions span{font-size:9px;color:#a6acb5;white-space:nowrap}.cc .cc-prompt-actions .cc-text-expand{margin-left:auto}
.cc .cc-main-prompt label{margin:0!important}.cc .cc-main-prompt .cc-prompt-field{gap:4px!important}
.cc .cc-panel-scroll .cc-panel-section{padding:9px 0!important}
.cc .cc-more-settings[open] summary{margin-bottom:6px}.cc .cc-more-settings button{margin:0 6px 0 0!important;padding:5px 8px!important}
.cc select{color-scheme:dark;background-color:#30343a!important;color:#e1e4e9!important;border:1px solid #ffffff24!important;box-shadow:none!important}
.cc select option{background:#30343a;color:#e1e4e9}
.cc-prompt-window{position:fixed;right:354px;top:140px;width:min(390px,calc(100vw - 32px));z-index:9000;border:1px solid #ffffff38;border-radius:14px;background:#34383ef5;color:#e4e7ec;box-shadow:0 18px 48px #0005;padding:12px;backdrop-filter:blur(14px)}
.cc-prompt-window header,.cc-prompt-window footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-prompt-window header{cursor:move;user-select:none}.cc-prompt-window strong{font-size:13px;font-weight:500}.cc-prompt-window button{background:#ffffff08;border:1px solid #ffffff20;color:inherit;border-radius:7px;padding:4px 10px;cursor:pointer}.cc-prompt-window textarea{box-sizing:border-box;width:100%;height:210px;margin:10px 0;padding:10px;background:#24272c80;border:1px solid #ffffff20;border-radius:9px;color:inherit;font:12px/1.7 inherit;resize:vertical;outline:none}.cc-prompt-window footer span{font-size:10px;color:#afb5bf}
@media(max-width:780px){.cc-prompt-window{right:16px;top:100px}}
.cc .cc-side-shell.open{width:min(328px,92vw)}
.cc.asset-expanded .cc-side-shell.open{width:min(860px,calc(100% - 76px))}
.cc .cc-inspector:has(.cc-work-tabs){display:flex;flex-direction:column;overflow:hidden;padding:0!important;background:linear-gradient(145deg,#383c42ed,#2b2f35f5)!important}
.cc .cc-inspector:has(.cc-work-tabs)>.cc-panel-head{position:static;flex-shrink:0;margin:0;padding:14px 16px;min-height:52px;border-bottom:0;background:transparent}
.cc .cc-panel-head h2{font-size:15px;font-weight:550;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-work-tabs{display:flex;gap:20px;padding:0 16px;border-bottom:1px solid #ffffff12;flex-shrink:0}
.cc .cc-work-tabs button{background:none;border:0;border-radius:0;padding:9px 3px;color:#aeb3bc;border-bottom:2px solid transparent}
.cc .cc-work-tabs button.active{color:#f4f5f7!important;border-bottom-color:#e1e5eb;background:transparent!important}
.cc-panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 12px 12px 16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}
.cc-panel-scroll::-webkit-scrollbar{width:4px}.cc-panel-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
.cc-panel-scroll.is-scrolling{scrollbar-color:#acb2bb88 transparent}.cc-panel-scroll.is-scrolling::-webkit-scrollbar-thumb{background:#acb2bb88}
.cc .cc-panel-scroll .cc-panel-section{margin:0;padding:12px 0;border-bottom:1px solid #ffffff0e}
.cc .cc-panel-scroll h3{font-size:11px;font-weight:500;color:#bbc1cb;margin:0 0 8px}
.cc .cc-panel-scroll p{font-size:11px;line-height:1.6;margin:7px 0;color:#afb5be}
.cc .cc-panel-field{font-size:11px;gap:5px}.cc .cc-panel-grid{gap:9px}
.cc .cc-panel-scroll input,.cc .cc-panel-scroll select{font-size:12px;min-height:32px;padding:6px 8px;border-radius:8px}
.cc .cc-panel-scroll textarea{min-height:94px;height:94px;font-size:12px;line-height:1.6;padding:9px 10px}
.cc .cc-text-expand{display:block;margin-left:auto;font-size:10px;border:0;background:transparent;padding:3px;color:#c0c5ce}
.cc-large-prompt{width:min(700px,75vw);height:55vh;display:block;margin:12px 0;resize:vertical}
.cc-quick-compare{display:flex;gap:12px;max-width:90vw}.cc-quick-compare figure{margin:0;flex:1;min-width:0}.cc-quick-compare img{width:100%;height:65vh;object-fit:contain}.cc-quick-compare figcaption{text-align:center;font-size:11px;color:#adb5c0;padding:8px}
.cc-original-view{position:absolute;right:14px;bottom:14px;z-index:3;font-size:11px;padding:6px 10px;border:1px solid #ffffff25;border-radius:8px;background:#303640c9;color:#e5eaf1}
.cc-lightbox-stage.original-mode{overflow:auto;display:block!important}.cc-lightbox-image.original-size{max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;object-fit:initial!important}
.cc-reference-mode,.cc-skill-options{display:flex;gap:6px;flex-wrap:wrap}
.cc .cc-reference-mode button,.cc .cc-skill-options button{font-size:11px;padding:6px 9px;border:1px solid #ffffff16;background:#ffffff04;border-radius:7px}
.cc .cc-reference-mode button.active,.cc .cc-skill-options button.active{background:#ffffff10;border-color:#e0e5ef70;color:#f3f4f7}
.cc .cc-panel-refs{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.cc .cc-panel-refs img{width:44px;height:44px;object-fit:contain;border-radius:6px}
.cc .cc-prompt-actions .cc-text-cost{font-size:11px;font-weight:500;color:#72dbe8;white-space:nowrap}
.cc .cc-prompt-actions .cc-optimize-primary{font-size:12px;font-weight:600;min-height:28px;padding:4px 8px;color:#9aebf4;background:rgba(70,190,210,.12)!important;border-radius:5px}
.cc .cc-prompt-actions .cc-optimize-primary:hover:not(:disabled){background:rgba(70,190,210,.23)!important;color:#d7fbff}
.cc .cc-prompt-actions .cc-optimize-primary:disabled{opacity:.5;cursor:not-allowed}
.cc .cc-prompt-structure{margin:6px 0;font-size:12px;line-height:1.65}
.cc .cc-prompt-structure summary{cursor:pointer;color:#b8c7d4;font-size:11px}
.cc .cc-prompt-structure p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e0e5ea}
.cc .cc-prompt-heading{font-weight:700}.cc .cc-prompt-heading-0{color:#70dbe5}.cc .cc-prompt-heading-1{color:#c2a7ff}.cc .cc-prompt-heading-2{color:#91d8a3}.cc .cc-prompt-heading-3{color:#edc881}
.cc .cc-model-options{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.cc .cc-model-options .cc-panel-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;min-width:0}
.cc .cc-model-options .cc-panel-field{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;margin:0!important;font-size:11px!important;gap:7px!important}
.cc .cc-model-options .cc-panel-field>span{white-space:nowrap}
.cc .cc-model-options .cc-panel-field:has(textarea){grid-template-columns:minmax(0,1fr)}
.cc .cc-model-options .cc-model-choice{grid-template-columns:28px minmax(0,1fr)}
.cc .cc-model-options .cc-model-capacity{margin:0;font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap}
.cc .cc-model-options select{width:100%;min-width:0;min-height:30px;padding:4px 20px 4px 7px;font-size:10px;border-radius:7px;background-color:#ffffff05;border-color:#ffffff18;text-overflow:ellipsis;color:#dce3eb;color-scheme:dark}
.cc select:focus{outline:none!important;box-shadow:none!important}
.cc .cc-panel-field select:focus{border-color:#ffffff24!important}
.cc select:focus-visible{outline:1px solid #aeb4bb!important;outline-offset:2px;box-shadow:none!important}
.cc .cc-panel-refs>span,.cc .cc-panel-refs>.cc-self-reference{position:relative;inset:auto;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;width:64px;height:80px;min-height:80px;flex:0 0 64px;background:#ffffff04;border:1px solid #ffffff20;padding:4px;border-radius:7px;overflow:hidden}
.cc .cc-panel-refs img{width:54px;height:54px;flex:0 0 54px;object-fit:contain;background:#0002}
.cc .cc-panel-refs>span>b,.cc .cc-self-reference small{position:absolute;bottom:4px;top:auto;left:0;width:100%;text-align:center;font-size:9px;line-height:12px;padding:0;background:none;color:#c4ced9}
.cc .cc-self-reference.active{border-color:#d7deeb88}
.cc .cc-heading-number{display:inline-block;vertical-align:middle;margin-left:7px;font-size:10px;font-weight:400;letter-spacing:.03em;color:#c1c9d4;white-space:nowrap}
.cc .cc-condition-summary{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #ffffff0b;padding:8px 0;font-size:11px;color:#c1c7d2}
.cc .cc-more-settings summary{font-size:11px;color:#aeb6c2;cursor:pointer}.cc .cc-more-settings button{font-size:11px;margin-top:9px}
.cc .cc-inspector:has(.cc-work-tabs)>.cc-panel-run{position:static;margin:0;padding:10px 16px 12px;flex-shrink:0;background:#ffffff04;border-top:1px solid #ffffff17;display:block;box-shadow:none}
.cc .cc-inspector .cc-output-choice{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 7px}.cc .cc-output-choice select{width:140px!important;min-height:28px;font-size:11px;padding:3px 7px;background:transparent}
.cc-run-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.cc .cc-run-row .primary{width:auto;min-width:104px;padding:8px 12px;margin:0;font-size:12px}
.cc .cc-run-compact .cc-generate-main{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:38px;margin:2px 0 0;padding:8px 12px}
.cc .cc-run-compact .cc-generate-main span{position:relative;z-index:1;color:#edf8ff;font-weight:600}
.cc .cc-run-compact .cc-generate-main::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--estimated-progress,0%);pointer-events:none;background:linear-gradient(110deg,#29a9ef20 0%,#56c5ff4d 65%,#c0efff66 100%);box-shadow:inset 0 -2px #a6e5ff99,inset -1px 0 #daf5ff66;transition:none;opacity:.85}
.cc .cc-run-compact[data-phase=active] .cc-generate-main::before{transition:none;animation:cc-button-progress-pulse 2s ease-in-out infinite}
.cc-footer .cc-local-note{display:none}
.cc-footer [data-backup-status]{width:72px;white-space:nowrap;flex-shrink:0}
.cc .cc-links .cc-light-stream{pointer-events:none}
.cc .cc-links .cc-light-stream path{fill:none;stroke:#d9f3ff;stroke-width:2.2!important;stroke-linecap:butt;stroke-dasharray:2.1 97.9;opacity:1!important;vector-effect:non-scaling-stroke;animation:none!important}
.cc .cc-run-compact .cc-panel-task{display:flex;align-items:center;gap:8px}
.cc .cc-panel-task .cc-view-history{flex:none;padding:0;margin:0;min-height:16px;font-size:10px;line-height:16px;border:0;background:none;color:#b5d9ed}
.cc .cc-history-item,.cc .cc-history-item.has-preview{grid-template-columns:60px minmax(0,1fr);gap:7px 10px}
.cc .cc-history-item .cc-history-expiry{grid-column:1/-1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:18px}
.cc .cc-history-item .cc-history-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;justify-content:initial}
.cc .cc-history-item .cc-history-actions button{width:100%;height:30px;min-height:30px;box-sizing:border-box;margin:0;padding:4px 6px;font-size:10px;line-height:20px;border-radius:7px;white-space:nowrap}
.cc .cc-history-item .cc-history-actions .cc-history-add{grid-column:2;justify-self:stretch}
@keyframes cc-stream-travel{from{stroke-dashoffset:var(--offset)}to{stroke-dashoffset:calc(var(--offset) - 100)}}
@media(prefers-reduced-motion:reduce){.cc .cc-links .cc-light-stream path{animation:none}}
.cc .cc-node.type-prompt>.cc-node-number,.cc .cc-node.type-note>.cc-node-number{right:36px;bottom:5px}.cc .cc-node.type-storyboard footer{padding-right:58px}.cc .cc-node.type-storyboard footer button{margin-right:0}.cc .cc-node.type-storyboard>.cc-note-resize{right:4px;bottom:3px;z-index:6}.cc .cc-node.type-prompt>.cc-note-resize{right:4px;bottom:3px;z-index:6}
.cc .cc-prompt-actions .cc-text-model-tool button,.cc .cc-prompt-actions .cc-optimize-primary{min-height:24px!important;padding:3px 5px!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#b8c0ca!important;font-size:10px!important;font-weight:400!important;box-shadow:none!important;text-shadow:none!important}.cc .cc-prompt-actions .cc-text-model-tool button:hover:not(:disabled),.cc .cc-prompt-actions .cc-optimize-primary:hover:not(:disabled){border-color:#ffffff14!important;background:#ffffff07!important;color:#e1e5ea!important}.cc .cc-prompt-actions .cc-text-cost{color:#9ca5af!important;font-size:10px!important;font-weight:400!important}.cc .cc-prompt-actions{gap:4px!important}.cc .cc-panel-section>[data-cc="split-storyboard"].full{min-height:32px;padding:6px 10px;border:1px solid #ffffff18;background:#ffffff05;color:#d6dbe1;font-size:11px;font-weight:400;box-shadow:none}.cc .cc-panel-section>[data-cc="split-storyboard"].full:hover{border-color:#ffffff24;background:#ffffff08}
.cc .cc-inspector>.cc-prompt-actions{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:6px!important;width:100%;margin:0;padding:10px 0 0;border-top:1px solid #ffffff0e;overflow:visible}.cc .cc-inspector>.cc-prompt-actions>.cc-text-model-tool{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:26px 16px;align-items:center;justify-items:center;gap:1px!important;min-width:0;width:100%;overflow:hidden}.cc .cc-inspector>.cc-prompt-actions>.cc-text-model-tool button{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc .cc-inspector>.cc-prompt-actions>.cc-text-model-tool .cc-text-cost{display:block;width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important;line-height:14px}@media(max-width:760px){.cc .cc-inspector>.cc-prompt-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-footer .cc-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .cc-run-compact[data-phase=active] .cc-generate-main:disabled,.cc .cc-run-compact[data-phase=uncertain] .cc-generate-main:disabled{opacity:1}
.cc .cc-run-compact[data-phase=done] .cc-generate-main::before{opacity:.45}
@keyframes cc-button-progress-pulse{0%,100%{opacity:.65;filter:brightness(1)}50%{opacity:.95;filter:brightness(1.18)}}
.cc-generate-main .cancel-label{display:none}.cc-generate-main.can-cancel:hover .run-label,.cc-generate-main.can-cancel:focus-visible .run-label{display:none}.cc-generate-main.can-cancel:hover .cancel-label,.cc-generate-main.can-cancel:focus-visible .cancel-label{display:inline}
.cc-run-note{font-size:10px;color:#a2acb7;line-height:1.5;margin-top:8px}
.cc .cc-run-compact .cc-panel-task{margin:0;padding:5px 0 0;border:0;height:21px;min-height:21px;box-sizing:border-box;overflow:hidden}
.cc .cc-run-compact .cc-panel-task.is-empty{display:none}
.cc .cc-run-compact .cc-panel-task:not(.is-empty){padding:0;margin:0 0 5px}
.cc-run-options{display:flex;align-items:center;gap:10px;min-height:28px;margin-bottom:7px}
.cc-run-cost{flex:1;min-width:0;font-size:10px;color:#a2acb7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc .cc-run-compact .cc-output-choice{flex:none;margin:0!important;gap:6px;font-size:10px}
.cc .cc-run-compact .cc-output-choice select{width:82px!important}
.cc-run-compact .cc-task-caption{height:16px;line-height:16px;white-space:nowrap}
.cc-run-compact [data-task-label]{overflow:hidden;text-overflow:ellipsis}
.cc-run-compact .cc-task-feedback{display:flex;flex-direction:column;gap:7px}
.cc-run-compact .cc-task-caption{order:2}.cc-run-compact .cc-task-caption span{margin-right:0}
.cc .cc-run-compact .cc-task-progress{position:absolute;width:1px;height:1px!important;overflow:hidden;clip-path:inset(50%);margin:0!important}
.cc .cc-run-compact .cc-task-progress i{width:var(--estimated-progress,0%)!important;background:linear-gradient(90deg,#50b9eb,#a7e1ff);transform:none!important;transition:none;animation:none!important;opacity:1}
.cc .cc-run-compact [data-phase=active] .cc-task-progress i{transition:width 1s linear}
.cc .cc-run-compact [data-phase=active] .cc-task-progress i{animation:cc-progress-breathe 2s ease-in-out infinite!important}
.cc .cc-run-compact [data-phase=failed] .cc-task-progress i{background:#db818a}
@keyframes cc-progress-breathe{0%,100%{opacity:.72;filter:brightness(1)}50%{opacity:1;filter:brightness(1.16)}}
@media(prefers-reduced-motion:reduce){.cc .cc-run-compact .cc-task-progress i,.cc .cc-run-compact .cc-generate-main::before{animation:none!important;transition:none!important}}
.cc .cc-scroll-indicator:has(+*){pointer-events:none}.cc .cc-side-shell:has(.cc-panel-scroll)>.cc-scroll-indicator{display:none}
.cc .type-video .port-media::after,.cc .type-video .port-control::after{background:#bd94ee}.cc-reference-materials{display:flex;gap:6px;min-height:62px;margin-top:8px;overflow-x:auto}.cc-reference-card{position:relative;display:grid;grid-template-columns:46px 72px;grid-template-rows:1fr 1fr;flex:0 0 126px;padding:4px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05}.cc-reference-card img,.cc-reference-card video,.cc-reference-card i{grid-row:1/3;width:42px;height:42px;object-fit:cover;border-radius:5px;background:#15191e}.cc-reference-card b,.cc-reference-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-reference-card button{position:absolute;right:2px;top:2px;width:17px;height:17px;padding:0}.cc-reference-materials>.is-empty{align-self:center;color:#8f98a4}
.cc-quick-create hr{height:1px;border:0;background:#ffffff16;margin:7px 4px}.cc-quick-create .cc-menu-group{font-size:9px;letter-spacing:.08em;color:#939ba8;padding:3px 8px}
.cc .cc-bag-tray{position:absolute;left:80px;right:28px;bottom:28px;height:150px;display:flex;transition:opacity .32s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.cc .cc-bag-tray:not(.open){opacity:0;pointer-events:none;transform:translateY(24px)}
.cc .cc-bag-tray.open{left:80px;right:28px;height:150px;padding:35px 24px 10px;gap:8px;align-items:end;opacity:1;transform:none}
.cc:has(.cc-side-shell.open) .cc-bag-tray.open{right:344px}
.cc .cc-bag-tray.open::before{height:94px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#edf1f60a 12%,#edf1f60d 50%,#edf1f60a 88%,transparent);box-shadow:none;backdrop-filter:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.cc .cc-bag-tray-head{position:absolute;z-index:5;left:28px;top:8px;width:auto;display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent;pointer-events:auto}
.cc .cc-bag-tray-head>div:first-child{display:flex;gap:7px}.cc .cc-bag-tray-head b{font-size:10px;font-weight:500;color:#bfc6d0}.cc .cc-bag-tray-head span{font-size:10px}.cc .cc-bag-tray-head button{font-size:10px;padding:1px 4px}
.cc .cc-bag-strip{width:100%;min-width:0;display:flex;align-items:end;gap:10px;justify-content:safe center;padding:40px 24px 7px;margin:0;overflow-x:auto;overflow-y:hidden;height:132px;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.cc .cc-bag-strip article{flex:0 0 74px;width:74px;transform-origin:50% 100%;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.cc .cc-bag-strip article>button:first-child{width:74px;height:64px;border-radius:10px;border:1px solid #ffffff30;background:#ffffff06;box-shadow:0 5px 10px #0002}
.cc .cc-bag-strip article:hover{transform:translateY(-5px) scale(1.18)}.cc .cc-bag-strip article:has(+article:hover),.cc .cc-bag-strip article:hover+article{transform:translateY(-2px) scale(1.055)}
.cc .cc-bag-strip article>small{opacity:0;transition:opacity .14s;font-size:9px;color:#cbd1dc}.cc .cc-bag-strip article:hover>small,.cc .cc-bag-strip article.selected>small{opacity:1}
.cc .cc-bag-tray.is-interacting article,.cc .cc-bag-strip.is-panning article,.cc .cc-bag-tray:has(article.selected) article{transform:none!important;transition:none}
.cc .cc-bag-strip article.selected>button:first-child{border-color:#e0e7f5;box-shadow:0 0 0 1px #e0e7f550}.cc .cc-bag-strip article.selected i{background:#e0e7f5;color:#262b32}
.cc .cc-bag-strip article.is-arriving{visibility:hidden;pointer-events:none}
.cc .cc-bag-tray.drop-ready::before{background:linear-gradient(90deg,transparent,#e2eaff18 15%,#e2eaff18 85%,transparent)}
.cc .cc-bag-strip article.drop-before::before{content:'';position:absolute;left:-6px;top:0;bottom:18px;width:2px;background:#e2eaff;box-shadow:0 0 8px #e2eaff66}
.cc .cc-bag-tray.drop-ready.drop-at-end .cc-bag-strip::after{content:'';flex:0 0 2px;height:64px;margin-bottom:18px;background:#e2eaff}
.cc .cc-asset-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.cc.asset-expanded .cc-asset-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
.cc .cc-asset-grid article{transform:none!important;border:1px solid #ffffff1c;background:#ffffff04;box-shadow:none}
.cc .cc-asset-grid article.selected{border-color:#d6e0f0;box-shadow:0 0 0 1px #d6e0f060}.cc .cc-asset-card .cc-asset-preview{aspect-ratio:1.35;background:#ffffff04}
.cc .cc-asset-card .cc-asset-preview::after{display:none}.cc .cc-asset-meta{position:absolute;top:auto;bottom:0;left:0;right:0;padding:5px 7px;background:linear-gradient(0deg,#252930e8,#252930b0);height:25px}
.cc .cc-asset-meta b{font-size:10px;font-weight:400;text-shadow:none}.cc .cc-asset-card>em{background:#dce5f2;color:#242932}
.cc-asset-sort{display:flex;gap:8px;padding:5px 0}.cc .cc-asset-sort button{font-size:10px;background:none;border:0;color:#b6bfcc;padding:4px}
.cc-asset-collections{display:flex;gap:5px;flex-wrap:wrap}.cc .cc-asset-collections button{font-size:10px;padding:3px 7px;border-radius:6px;background:#ffffff06;border:1px solid #ffffff16;color:#bfc8d6}
.cc-asset-text-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding:14px 10px 32px;font-size:11px;line-height:1.6;color:#c7ced9;font-style:normal}
.cc .cc-asset-toolbar{padding:8px 0;gap:6px;font-size:10px}.cc .cc-asset-toolbar button{font-size:10px;padding:4px 6px}
@media(max-width:700px){.cc .cc-bag-tray.open{left:12px;right:12px}.cc:has(.cc-side-shell.open) .cc-bag-tray{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.cc .cc-bag-strip article{transition:none;transform:none!important}}
.cc-lightbox-stage.cc-professional-viewer{position:relative;display:block;overflow:hidden;cursor:grab;touch-action:none;background:#14171c}
.cc-professional-viewer.panning{cursor:grabbing}
.cc-lightbox-stage.cc-professional-viewer .cc-lightbox-image{position:absolute;left:50%;top:50%;translate:-50% -50%;max-width:none;max-height:none;margin:0;border:0;transition:none;transform-origin:center;pointer-events:none}
.cc-viewer-toolbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:14px;background:#20252eee;color:#edf2f7;cursor:default}
.cc-viewer-info{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.cc-viewer-toolbar button{padding:7px 12px;border:1px solid #ffffff24;border-radius:8px;background:#303844;color:inherit;white-space:nowrap}
.cc-viewer-toolbar output{min-width:45px;text-align:center;font-size:12px}
#detailDialog:has(.cc-professional-viewer) .dialog-heading{display:none}
/* Airy filmstrip: one translucent surface, with quiet blue selection feedback. */
.cc .cc-bag-tray.open{height:122px;padding:25px 20px 6px}
.cc .cc-bag-tray.open::before{height:78px;border-radius:16px;background:linear-gradient(100deg,#f4faff08,#e4f4ff24 25%,#f9fcff30 50%,#dcefff24 75%,#f4faff08);box-shadow:inset 0 1px 0 #ffffff30;backdrop-filter:blur(14px)}
.cc .cc-bag-strip{height:108px;padding:26px 20px 5px;gap:12px}
.cc .cc-bag-strip article{width:68px;flex-basis:68px}
.cc .cc-bag-strip article>button:first-child{width:68px;height:58px;border-radius:10px;transform-origin:center;background:#e8f5ff15;border-color:#eef8ff55}
.cc .cc-bag-strip article.selected>button:first-child{border:2px solid #a9e4ff;box-shadow:0 0 0 1px #e5f8ff88,0 0 14px #63c9ff66;animation:cc-selection-breathe 2.8s ease-in-out infinite}
.cc .cc-bag-strip article.selected>button:first-child::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#effcff70,transparent 32%,transparent 65%,#6bcfff40);box-shadow:inset 0 1px 1px #ffffffcc,inset 0 -1px 2px #74d6ff99;animation:cc-selection-glass 2.8s ease-in-out infinite}
.cc .cc-bag-strip article.selected>button:first-child i{z-index:2}
.cc .cc-bag-strip article:hover>button:first-child,.cc .cc-bag-strip article:focus-within>button:first-child{border-color:#a9e4ff;animation:cc-selection-breathe 2.8s ease-in-out infinite}
.cc .cc-bag-strip article:hover>button:first-child::after,.cc .cc-bag-strip article:focus-within>button:first-child::after{content:'';position:absolute;inset:-40% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#b6eaff22 43%,#effcff88 50%,#94dfff33 57%,transparent 65%);box-shadow:none;border-radius:0;animation:cc-thumbnail-sheen 2.6s linear infinite}
@keyframes cc-thumbnail-sheen{0%{transform:translateX(-65%);opacity:0}15%{opacity:.7}75%{opacity:.7}100%{transform:translateX(65%);opacity:0}}
.cc .cc-bag-strip article.selected>small{color:#d3edff}
.cc .cc-bag-strip article.selected i{background:#c1e8ff;color:#244d65}
.cc-bag-fly{border-color:#c2e7ff80;background:#edf8ff18;box-shadow:0 5px 20px #a8d9ff22}
.cc-menu-divider{height:0;border:0;border-top:1px solid #c9dded24;margin:7px 8px;pointer-events:none}
@keyframes cc-selection-breathe{0%,100%{box-shadow:0 0 0 1px #bdeeff55,0 0 8px #57c4ff44}50%{box-shadow:0 0 0 1px #effcffbb,0 0 18px #69d2ff99}}
@keyframes cc-selection-glass{0%,100%{opacity:.35}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.cc .cc-bag-strip article.selected>button:first-child,.cc .cc-bag-strip article.selected>button:first-child::after,.cc .cc-bag-strip article:hover>button:first-child,.cc .cc-bag-strip article:hover>button:first-child::after,.cc .cc-bag-strip article:focus-within>button:first-child,.cc .cc-bag-strip article:focus-within>button:first-child::after{animation:none}}
.cc .cc-side-shell{display:flex;flex-direction:column}
.cc .cc-side-shell:not(.open) .cc-panel-tabs{display:none}
.cc .cc-side-shell.open{width:min(380px,92vw)}
.cc .cc-side-shell>.cc-inspector{width:100%;flex:1;min-height:0;box-sizing:border-box;animation:none}
.cc-panel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;flex-shrink:0;border-bottom:1px solid #ffffff18;background:#292e35}
.cc .cc-panel-tabs button{padding:8px 3px;border:1px solid transparent;background:transparent;font-size:12px;color:#bac5d1;border-radius:8px}
.cc .cc-panel-tabs button.active{background:#a4dfff18;color:#c8eeff;border-color:#a4dfff44}
.cc .cc-selected-shortcut{width:100%;margin:5px 0;padding:7px;color:#b6e5ff;background:#9bdcff0a;font-size:11px}
.cc-file-list{display:grid;gap:8px;margin:12px 0}.cc-file-list article{padding:10px;border:1px solid #ffffff18;border-radius:9px;display:grid;gap:5px}.cc-file-list button{text-align:left}.cc-file-list small{font-size:10px;color:#aab7c6}
.cc .cc-tool-island{max-height:calc(100% - 90px);overflow-y:auto;scrollbar-width:none}
.cc #ccLibrary.cc-unified-island{width:48px;min-width:48px;padding:6px;gap:3px;display:flex;flex-direction:column;overflow:visible;max-height:none;border-radius:17px}
.cc #ccLibrary.cc-unified-island>button,.cc-island-group>summary{width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border-radius:11px;font-size:20px;cursor:pointer;list-style:none;color:#dce7ee;background:transparent}
.cc-island-group>summary::-webkit-details-marker{display:none}.cc-island-group{position:relative;margin:0;border:0;padding:0}
.cc-island-group[open]>summary,.cc-island-group>summary:hover{background:#b7e6ff18;color:#d0efff}
.cc-island-popover{position:absolute;left:100%;top:0;margin-left:10px;width:170px;display:grid;padding:9px;border:1px solid #d2e7f329;border-radius:14px;background:#292e35f5;box-shadow:0 10px 35px #0005;backdrop-filter:blur(18px);z-index:60}
.cc-island-popover::before{content:'';position:absolute;right:100%;top:0;width:12px;height:100%}
.cc .cc-island-popover button{width:100%;min-height:32px;text-align:left;padding:6px 10px;font-size:12px;background:transparent;border:0;border-radius:8px}
.cc .cc-island-popover button:hover{background:#a9dcff18;color:#def4ff}.cc-island-popover small{font-size:10px;color:#9ca9b6;padding:3px 10px 7px}.cc-island-popover hr{width:100%;border:0;border-top:1px solid #ffffff16;margin:5px 0}
.cc #ccLibrary>.cc-menu-divider{width:24px;margin:4px auto}
.cc .cc-panel-tabs{padding:5px 9px;gap:2px;background:#292e35}
.cc .cc-panel-tabs button{padding:5px 7px;min-height:28px;border:0;border-radius:6px;font-size:11px}
.cc .cc-inspector>.cc-panel-head,.cc .cc-inspector:has(.cc-work-tabs)>.cc-panel-head{min-height:36px;padding:7px 12px;margin:0;gap:6px;align-items:center}
.cc .cc-panel-head>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}
.cc .cc-panel-head h2{font-size:12px;margin:0;white-space:nowrap}.cc .cc-panel-head p{font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc .cc-panel-head button{min-height:24px;padding:2px 6px}.cc .cc-generation-tabs{padding:4px 0;gap:4px}.cc .cc-generation-tabs button{font-size:11px;padding:5px 8px;min-height:28px}
.cc #ccLibrary .cc-symbol,.cc #ccLibrary .cc-symbol svg{width:25px;height:25px;display:block}
.cc #ccLibrary svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.cc .cc-island-popover,.cc .cc-quick-create{background:linear-gradient(145deg,#eff4ff24,#b9c2d010),#34383e78!important;border:1px solid #ffffff66!important;box-shadow:inset 0 1px 0 #ffffff26,0 12px 32px #0003!important;backdrop-filter:blur(20px) saturate(115%);border-radius:12px}
.cc .cc-island-popover{width:126px;padding:5px}
.cc .cc-island-popover button{display:block;text-align:center;padding:8px 5px;min-height:34px;border-radius:5px;font-size:12px}
.cc .cc-island-popover button+button{border-top:1px solid #ffffff12}
.cc .cc-island-popover hr{margin:5px 0;border-top:1px solid #d2e8fa40}
.cc .cc-side-shell.open{width:min(290px,92vw)}
.cc:has(.cc-side-shell.open) .cc-bag-tray.open{right:306px}
.cc .cc-panel-tabs{padding:4px 5px}.cc .cc-panel-tabs button{padding:5px 3px;font-size:11px}
.cc #ccLibrary .cc-symbol,.cc #ccLibrary .cc-symbol svg{width:21px;height:21px}
.cc #ccLibrary svg{fill:currentColor;stroke:none}
.cc .cc-island-popover button+button{border-top:0;position:relative}
.cc .cc-island-popover button+button::before{content:'';position:absolute;top:0;left:30%;right:30%;height:1px;background:#e4efff25}
.cc .cc-island-popover hr{margin:5px 2px;width:calc(100% - 4px);border-color:#e4efff48}
/* Shared creation menus: one icon family, separators and a quiet blue lower highlight. */
.cc .cc-island-popover{width:148px}
.cc .cc-island-popover button,.cc .cc-quick-create button{position:relative;display:flex!important;align-items:center;gap:9px;text-align:left;justify-content:flex-start;padding:7px 10px!important;overflow:hidden}
.cc .cc-island-popover button .cc-symbol,.cc .cc-quick-create button .cc-symbol{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px}
.cc .cc-island-popover button .cc-symbol svg,.cc .cc-quick-create button .cc-symbol svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cc .cc-island-popover button::after,.cc .cc-quick-create button::after{content:'';position:absolute;bottom:0;left:9px;right:9px;height:2px;background:linear-gradient(90deg,transparent,#9bdcff,transparent);opacity:0;transition:opacity .16s;box-shadow:0 -3px 10px #8ad0ff55;pointer-events:none}
.cc .cc-island-popover button:hover,.cc .cc-island-popover button:focus-visible,.cc .cc-quick-create button:hover,.cc .cc-quick-create button:focus-visible{background:linear-gradient(0deg,#96d8ff24,transparent 90%)!important;color:#e3f4ff}
.cc .cc-island-popover button:hover::after,.cc .cc-island-popover button:focus-visible::after,.cc .cc-quick-create button:hover::after,.cc .cc-quick-create button:focus-visible::after{opacity:1}
.cc .cc-create-catalog section+section{border-top:1px solid #e4efff35;margin-top:5px;padding-top:5px}
.cc .cc-group{background:#85caff0c!important;border:1px solid #92cfff88!important;box-shadow:inset 0 0 0 1px #c6eaff0a}
.cc .cc-group-bar{background:#8fcfff12!important;border-color:#9bd5ff45!important;color:#d7edff!important}
.cc-history-pagination{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 0;background:var(--theme-canvas-panel,#30343a);border-top:1px solid #ffffff18;font-size:11px;z-index:4}
.cc-history-pagination button{padding:4px 7px;font-size:11px}
.cc .cc-history-item,.cc .cc-history-item.has-preview{padding:8px 0;gap:4px 8px}
.cc .cc-history-item .cc-history-facts{grid-column:1/-1;display:flex;flex-wrap:nowrap;align-items:center;gap:7px;margin:0;font-size:10px;line-height:16px;white-space:nowrap;min-width:0}
.cc .cc-history-item .cc-history-facts time{flex-basis:auto;font-size:10px}
.cc .cc-history-item .cc-history-facts span{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cc .cc-history-item .cc-history-expiry{font-size:10px;line-height:15px}
.cc .cc-history-item .cc-history-actions{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:center;margin-top:2px}
.cc .cc-history-item .cc-history-actions button{height:26px;min-height:26px;line-height:18px;padding:3px 4px;font-size:10px;margin:0}
.cc .cc-history-item .cc-history-actions .cc-history-delete{grid-column:1;grid-row:1;width:100%;color:#b8c1cb;background:transparent;border:0}
.cc .cc-history-item .cc-history-actions [data-cc="history-reuse"]{grid-column:2;grid-row:1}
.cc .cc-history-item .cc-history-actions .cc-history-add{grid-column:3;grid-row:1}
.cc-media-cards article.selected{outline:1px solid #94d5ff}
.cc .cc-media-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cc .cc-media-thumb{height:82px}.cc .cc-media-cards button{font-size:10px;padding:4px}.cc .cc-media-manager input,.cc .cc-media-manager select{min-height:28px;margin:7px 0;width:100%;box-sizing:border-box}
.cc #ccLibrary.cc-unified-island{width:44px;min-width:44px;padding:5px;border-radius:15px}
.cc #ccLibrary.cc-unified-island>button,.cc #ccLibrary .cc-island-group>summary{width:32px;height:32px;min-height:32px;border-radius:9px}
.cc #ccLibrary .cc-symbol,.cc #ccLibrary .cc-symbol svg{width:19px;height:19px}
.cc .cc-panel-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) 24px;align-items:center}.cc .cc-panel-tabs .cc-panel-close{font-size:18px;padding:0;min-height:24px;background:transparent;color:#acbac7}
.cc #ccInspector [data-cc="close-inspector"]{display:none}
.cc #ccInspector>.cc-panel-head,.cc #ccInspector .cc-media-manager>header{box-sizing:border-box;height:36px;min-height:36px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between}
.cc #ccInspector .cc-panel-head h2,.cc #ccInspector .cc-media-manager>header b{font-size:12px;font-weight:600;margin:0}
.cc #ccInspector .cc-asset-expand,.cc #ccInspector [data-mf="window"]{width:26px;height:26px;min-height:26px;padding:5px;display:grid;place-items:center;border:1px solid #ffffff22;background:#ffffff06;border-radius:7px}
.cc #ccInspector .cc-asset-expand svg,.cc #ccInspector [data-mf="window"] svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.cc #ccInspector .cc-asset-search{margin-top:9px;padding-top:2px;margin-bottom:8px}.cc #ccInspector .cc-asset-search input{min-height:29px;height:29px;padding:5px 9px;font-size:11px}
.cc #ccInspector>.cc-panel-head,.cc #ccInspector:has(.cc-work-tabs)>.cc-panel-head,.cc #ccInspector .cc-media-manager>header{padding:7px 12px!important;min-height:36px;height:36px;box-sizing:border-box}
.cc #ccInspector .cc-panel-head>div:first-child{align-items:center}.cc #ccInspector .cc-panel-head h2{line-height:22px;margin:0;align-items:center}
.cc #ccInspector .cc-asset-expand,.cc #ccInspector [data-mf="window"]{width:26px!important;height:26px!important;min-height:26px!important;padding:5px!important;border:1px solid #ffffff22!important;background:#ffffff06!important;border-radius:7px!important;box-sizing:border-box}
.cc .cc-side-shell.open #ccInspector,.cc .cc-side-shell.open #ccInspector:has(.cc-work-tabs){padding:0 12px!important;box-sizing:border-box}
.cc #ccInspector>.cc-panel-head,.cc #ccInspector:has(.cc-work-tabs)>.cc-panel-head,.cc #ccInspector .cc-media-manager>header{padding:6px 0!important;margin:0!important;height:38px;min-height:38px}
.cc #ccInspector .cc-panel-expand{display:grid!important;place-items:center!important;flex:0 0 26px!important;width:26px!important;height:26px!important;padding:4px!important;margin:0!important;border:1px solid #ffffff22!important;border-radius:7px!important;background:#ffffff06!important;box-sizing:border-box!important}
.cc #ccInspector .cc-panel-expand svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
/* A single horizontal gutter for node parameters, shared with the other tabs. */
.cc .cc-side-shell.open #ccInspector:has(.cc-work-tabs){padding:0!important}
.cc #ccInspector:has(.cc-work-tabs)>.cc-panel-scroll{padding:0 5px 12px 12px!important;box-sizing:border-box;scrollbar-gutter:auto;scrollbar-width:thin}
/* Use the same narrow rail for history and parameters; Chromium's native
   scrollbar-width:thin otherwise takes priority over the pixel width. */
@supports selector(::-webkit-scrollbar){
 .cc #ccInspector,.cc #ccInspector>.cc-panel-scroll{scrollbar-width:auto;scrollbar-color:auto}
 .cc #ccInspector:has(.cc-work-tabs)>.cc-panel-scroll{scrollbar-width:auto;scrollbar-color:auto}
 .cc #ccInspector::-webkit-scrollbar,.cc #ccInspector>.cc-panel-scroll::-webkit-scrollbar{width:4px;height:4px}
 .cc #ccInspector::-webkit-scrollbar-track,.cc #ccInspector>.cc-panel-scroll::-webkit-scrollbar-track{background:transparent}
 .cc #ccInspector::-webkit-scrollbar-thumb,.cc #ccInspector>.cc-panel-scroll::-webkit-scrollbar-thumb{background:#acb2bb88;border-radius:4px}
 .cc #ccInspector::-webkit-scrollbar-button,.cc #ccInspector>.cc-panel-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
}
.cc #ccInspector:has(.cc-work-tabs)>.cc-work-tabs{margin-left:12px!important;margin-right:12px!important;padding-left:0!important;padding-right:0!important}
.cc #ccInspector:has(.cc-work-tabs)>.cc-panel-run{padding-left:12px!important;padding-right:12px!important}
.cc #ccInspector:has(.cc-work-tabs)>.cc-panel-head{margin:0 12px!important;padding:6px 0!important;height:38px!important;min-height:38px!important;border-bottom:1px solid var(--line);background:transparent!important}
.cc #ccInspector>.cc-panel-head h2{padding-left:0!important}
.cc-asset-toolbar .cc-asset-layout-toggle{margin-left:auto;white-space:nowrap;font-size:11px;padding:4px 7px}
.cc .cc-asset-grid.layout-list{grid-template-columns:1fr;gap:5px}
.cc .cc-asset-grid.layout-list article{display:flex;align-items:center;gap:6px}
.cc .cc-asset-grid.layout-list .cc-asset-card{flex:1;min-width:0}
.cc .cc-asset-grid.layout-list .cc-asset-preview{height:52px;display:flex;align-items:center;gap:9px;background:transparent}
.cc .cc-asset-grid.layout-list .cc-asset-preview img{width:58px;height:48px;object-fit:contain;flex:none}
.cc .cc-asset-grid.layout-list .cc-asset-meta{position:static;min-width:0;background:transparent;padding:0}
/* Material cards share the quiet panel typography and thin scrollbar. */
.cc .cc-reference-materials{scrollbar-width:thin;scrollbar-color:#78838b55 transparent;padding-bottom:4px}
.cc .cc-reference-materials::-webkit-scrollbar{height:3px}
.cc .cc-reference-materials::-webkit-scrollbar-track{background:transparent}
.cc .cc-reference-materials::-webkit-scrollbar-thumb{background:#78838b55;border-radius:4px}
.cc .cc-reference-card{font-size:11px;grid-template-columns:42px minmax(0,76px);flex-basis:130px;gap:0 5px;min-height:50px;box-sizing:border-box}
.cc .cc-reference-card b{font-size:11px;font-weight:500;align-self:end;line-height:16px}
.cc .cc-reference-card small{font-size:10px;line-height:15px;color:#a5adb6;align-self:start}
.cc .cc-reference-card>button{font-size:11px;line-height:16px}
.cc .cc-reference-audios{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.cc .cc-reference-audios>span,.cc .cc-reference-audios>button{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 8px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff08;color:#c9d0db;font-size:11px;line-height:16px}
.cc .cc-reference-audios>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .cc-reference-audios>span button{border:0;background:transparent;color:#b6bec9;cursor:pointer}
.cc .cc-reference-audios>button:disabled{opacity:.45;cursor:not-allowed}
.cc-prompt-ref>video{width:24px;height:24px;object-fit:cover;border-radius:3px;pointer-events:none}
.cc-prompt-ref .cc-ref-remove{display:inline-grid;place-items:center;width:16px!important;height:16px!important;padding:0!important;margin-left:4px;border:0!important;background:transparent!important;color:inherit;font-size:13px!important;line-height:1}
.cc-prompt-ref .cc-ref-remove:hover{background:#ffffff20!important;border-radius:50%}
.cc .cc-compare-line{width:1px;transform:translateX(-.5px);background:#ffffffb3;box-shadow:none;opacity:0}
.cc .type-compare:hover .cc-compare-line,.cc .cc-compare-surface:focus-visible .cc-compare-line,.cc .cc-compare-surface:active .cc-compare-line{opacity:1}
.cc .type-compare .cc-compare-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto 18px;align-items:center;gap:8px;height:22px;min-height:22px;flex-shrink:0;padding:0;margin-top:3px}
.cc .type-compare .cc-compare-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:10px}
.cc .type-compare .cc-compare-controls button,.cc .type-compare .cc-compare-ref button{border:0!important;background:transparent!important;box-shadow:none!important;margin:0;padding:0 2px;border-radius:0;color:#aab7c1;font-size:11px;line-height:20px;height:20px;min-height:0}
.cc .type-compare .cc-compare-controls button:hover,.cc .type-compare .cc-compare-ref button:hover{color:#e0edf5}
.cc .type-compare .cc-compare-controls .cc-node-number{position:static;display:block;line-height:20px;font-size:10px;margin:0;align-self:center;white-space:nowrap}
.cc .type-compare .cc-compare-controls .cc-note-resize{position:static;display:block;width:18px;height:20px;padding:0;line-height:20px;font-size:13px;touch-action:none;color:#91a9b8;align-self:center}
.cc .type-compare .cc-compare-ref button{width:20px;flex:0 0 20px;font-size:16px}
.cc-history-preview{position:relative}
.cc-history-preview.media-loading::after{content:"";position:absolute;inset:calc(50% - 10px);width:20px;height:20px;border:2px solid #ffffff40;border-top-color:#ddd;border-radius:50%;animation:cc-media-spin .8s linear infinite;pointer-events:none}
.cc-history-preview.media-loading img:not([src]){visibility:hidden}
.cc-history-preview.media-unavailable img{font-size:11px;color:#aaa}
@keyframes cc-media-spin{to{transform:rotate(360deg)}}
.cc .cc-audio-node{overflow:visible;background:#202125;border:1px solid #393b42;border-radius:14px;box-shadow:0 12px 30px #0003}
.cc .cc-audio-node header{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#e6e7ea}
.cc .cc-audio-node .cc-type-icon{color:#c4c8cc}
.cc .cc-audio-node .cc-category{margin-left:auto;color:#aeb3bd;font-size:11px}
.cc .cc-audio-wave{height:41px;margin:1px 12px 5px;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:8px;background:#ffffff09;color:#9ca4ae;font-size:11px;overflow:hidden}
.cc .cc-audio-wave i{width:3px;min-height:3px;max-height:85%;flex:1;border-radius:3px;background:#bfc5c8;opacity:.8}
.cc .cc-audio-node audio{display:block;width:calc(100% - 24px);height:31px;margin:0 12px;filter:grayscale(.6)}
.cc .cc-audio-node audio[data-bound]{display:none}
.cc .cc-audio-node .cc-audio-import{display:block;height:31px;margin:0 12px;width:calc(100% - 24px);border:1px dashed #626770;border-radius:7px;background:#ffffff0a;color:#d7dbe2;cursor:pointer}
.cc .cc-audio-meta{display:block;margin:4px 12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8afb9;font-size:10px}
.cc .cc-audio-node .port-audio{background:#78c8e3;border-color:#202125}
.cc .type-video .cc-video-controls{position:absolute;left:11px;right:11px;bottom:8px;z-index:5;display:flex;align-items:center;gap:5px;height:23px;padding:0;border:0;background:transparent;box-shadow:none;color:#f2f2f2;text-shadow:0 1px 4px #000}
.cc .type-video .cc-video-controls button{position:relative;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border:0;border-radius:0;background:transparent!important;color:inherit;box-shadow:none;display:grid;place-items:center;cursor:pointer}
.cc .type-video .cc-video-controls button:hover,.cc .type-video .cc-video-controls button:focus-visible{background:transparent!important;color:#fff;opacity:.7;outline:none}
.cc .type-video .cc-video-toggle::before{content:'';display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;margin-left:2px}
.cc .type-video .cc-video-toggle[data-state="pause"]::before{width:8px;height:10px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor;margin:0}
.cc .type-video .cc-video-toggle[data-state="error"]::before{content:'!';width:auto;height:auto;border:0;margin:0;font-weight:700}
.cc .type-video .cc-video-mute[data-state="muted"]::after{content:'';position:absolute;width:15px;height:1px;background:currentColor;transform:rotate(-45deg)}
.cc .type-video .cc-video-controls input[type="range"]{min-height:16px;height:16px;padding:0;margin:0;cursor:pointer;background:transparent}
.cc .type-video .cc-video-seek{flex:1;min-width:32px;width:100%}
.cc .type-video .cc-video-volume{flex:0 0 34px;width:34px}
.cc .type-video .cc-video-controls .cc-video-duration{position:static;flex:0 0 auto;min-width:56px;padding:0;background:none;color:#e4e4e4;font-size:8px;line-height:1;text-align:center}
.cc .type-video>.cc-port.port-media::after{background:#a2bea7!important}
.cc .type-video>.cc-port.port-control::after{background:#a6afc6!important}
.cc .type-video>.cc-port.in{opacity:.9;transform:none}
.cc .type-video>.cc-port.in:hover,.cc .type-video>.cc-port.in.linking{opacity:1;transform:scale(1.1)}
.cc .type-video .cc-video-play{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff50;border-radius:50%;background:#171c20a6;font-size:0;color:#eef3f5;box-shadow:0 5px 18px #0005}
.cc .type-video .cc-video-play::before{content:'';width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor}
.cc .cc-audio-node.selected{border-color:#78c8e388;box-shadow:0 0 0 1px #78c8e322,0 12px 30px #0003}
.cc .cc-audio-controls{display:flex;align-items:center;gap:7px;height:25px;margin:0 12px;color:#e8e8e8}
.cc .cc-audio-controls button{display:grid;place-items:center;position:relative;flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0;border:0;border-radius:0;background:transparent!important;color:inherit;box-shadow:none;cursor:pointer}
.cc .cc-audio-controls button:hover,.cc .cc-audio-controls button:focus-visible{background:transparent!important;color:#fff;opacity:.7;outline:none}
.cc .cc-audio-toggle::before{content:'';width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
.cc .cc-audio-toggle[data-state="pause"]::before{width:8px;height:10px;margin:0;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}
.cc .cc-audio-time{flex:0 0 auto;min-width:52px;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c8c8c8}
.cc .cc-audio-seek{flex:1;min-width:30px;width:100%}
.cc .cc-audio-volume-box{position:relative;flex:0 0 20px;height:20px}
.cc .cc-audio-volume-button[data-state="muted"]::after{content:'';position:absolute;width:15px;height:1px;background:currentColor;transform:rotate(-45deg)}
.cc .cc-audio-volume-popup{position:absolute;left:-3px;bottom:24px;z-index:8;display:none;align-items:center;justify-content:center;width:26px;height:94px;border:1px solid #ffffff2a;border-radius:8px;background:#1d1f22f2;box-shadow:0 6px 14px #0008}
.cc .cc-audio-volume-box:focus-within .cc-audio-volume-popup{display:flex}
.cc .cc-audio-volume{appearance:none;writing-mode:vertical-lr;direction:rtl;width:16px;height:76px;margin:0;background:transparent;cursor:pointer}
.cc .cc-video-seek,.cc .cc-video-volume,.cc .cc-audio-seek,.cc .cc-audio-volume{appearance:none;-webkit-appearance:none;background:transparent!important;accent-color:#d7d7d7}
.cc .cc-video-seek::-webkit-slider-runnable-track,.cc .cc-video-volume::-webkit-slider-runnable-track,.cc .cc-audio-seek::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#c7c7c7}
.cc .cc-video-seek::-webkit-slider-thumb,.cc .cc-video-volume::-webkit-slider-thumb,.cc .cc-audio-seek::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;margin-top:-2.5px;border:0;border-radius:50%;background:#f2f2f2}
.cc .cc-video-seek::-moz-range-track,.cc .cc-video-volume::-moz-range-track,.cc .cc-audio-seek::-moz-range-track{height:2px;border-radius:2px;background:#c7c7c7}
.cc .cc-video-seek::-moz-range-thumb,.cc .cc-video-volume::-moz-range-thumb,.cc .cc-audio-seek::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#f2f2f2}
.cc .cc-audio-volume::-webkit-slider-runnable-track{width:2px;border-radius:2px;background:#c7c7c7}
.cc .cc-audio-volume::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;border:0;border-radius:50%;background:#f2f2f2}
.cc .cc-audio-volume::-moz-range-track{width:2px;border-radius:2px;background:#c7c7c7}
.cc .cc-audio-volume::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#f2f2f2}

/* Shared, unobtrusive media transport: one baseline and one progress language. */
.cc .type-video .cc-video-controls{left:12px;right:12px;bottom:8px;height:22px;gap:7px;align-items:center;text-shadow:none}
.cc .type-video .cc-video-controls .cc-video-duration{min-width:68px;font-size:9px;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cc .cc-audio-node{--node-accent:#aeb7bd;box-shadow:0 8px 24px #0003}
.cc .cc-audio-node.selected{border-color:var(--node-accent);box-shadow:0 0 0 1px var(--node-accent),0 8px 24px #0003}
.cc .cc-audio-node header{height:32px;flex-shrink:0}
.cc .cc-audio-wave{height:34px;margin:3px 12px 4px;background:#ffffff06}
.cc .cc-audio-wave i{background:#777d83;opacity:1;transition:background .12s linear}
.cc .cc-audio-wave i.is-played{background:#dedfe1}
.cc .cc-audio-controls{height:22px;margin:0 12px;gap:7px}
.cc .cc-audio-meta{position:absolute;left:12px;right:42px;bottom:6px;margin:0;font-size:9px;line-height:15px}
.cc .cc-audio-node>.cc-node-number{bottom:5px;right:12px;line-height:15px}
.cc .cc-audio-volume-popup{left:-3px;bottom:24px;width:26px;height:88px;border:0;background:#25272be8;box-shadow:0 4px 12px #0006}
.cc .cc-audio-volume{height:72px}
.cc .type-video .cc-video-controls input[type="range"],.cc .cc-audio-controls input[type="range"],.cc .cc-audio-volume-popup input[type="range"]{box-sizing:border-box;min-height:0;height:18px;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent!important}
.cc .cc-audio-volume-popup input[type="range"]{height:72px;width:18px}
.cc .cc-video-seek::-webkit-slider-runnable-track,.cc .cc-video-volume::-webkit-slider-runnable-track,.cc .cc-audio-seek::-webkit-slider-runnable-track{height:2px;border:0;background:linear-gradient(to right,#e5e5e5 0 var(--cc-fill,0%),#6b7076 var(--cc-fill,0%) 100%)}
.cc .cc-video-seek::-moz-range-track,.cc .cc-video-volume::-moz-range-track,.cc .cc-audio-seek::-moz-range-track{height:2px;border:0;background:linear-gradient(to right,#e5e5e5 0 var(--cc-fill,0%),#6b7076 var(--cc-fill,0%) 100%)}
.cc .cc-audio-volume::-webkit-slider-runnable-track{width:2px;border:0;background:linear-gradient(to top,#e5e5e5 0 var(--cc-fill,0%),#6b7076 var(--cc-fill,0%) 100%)}
.cc .cc-audio-volume::-moz-range-track{width:2px;border:0;background:linear-gradient(to top,#e5e5e5 0 var(--cc-fill,0%),#6b7076 var(--cc-fill,0%) 100%)}
.cc .cc-video-seek::-webkit-slider-thumb,.cc .cc-video-volume::-webkit-slider-thumb,.cc .cc-audio-seek::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3px;background:#f1f1f1}
.cc .cc-video-seek::-moz-range-thumb,.cc .cc-video-volume::-moz-range-thumb,.cc .cc-audio-seek::-moz-range-thumb{width:8px;height:8px;background:#f1f1f1}

/* Keep every transport item on one baseline; inherited absolute offsets caused the play icon to float. */
.cc .type-video .cc-video-controls{display:grid;grid-template-columns:18px minmax(40px,1fr) 68px 18px 32px 24px;column-gap:5px;align-items:center;left:12px;right:12px;height:24px;bottom:8px}
.cc .type-video .cc-video-controls .cc-video-toggle,.cc .type-video .cc-video-controls .cc-video-mute{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:18px;min-width:18px;height:20px;min-height:20px;margin:0;line-height:20px;align-self:center}
.cc .type-video .cc-video-controls .cc-video-seek,.cc .type-video .cc-video-controls .cc-video-volume{width:100%;min-width:0;min-height:0;height:18px;margin:0;align-self:center}
.cc .type-video .cc-video-controls .cc-video-duration{min-width:0;width:68px;margin:0;padding:0;text-align:center;line-height:20px;align-self:center}
.cc .type-video .cc-video-controls>.cc-node-number{position:static;display:block;width:24px;margin:0;line-height:20px;text-align:right;align-self:center;pointer-events:none}
.cc .cc-audio-controls{display:grid;grid-template-columns:18px 68px minmax(40px,1fr) 18px;column-gap:7px;align-items:center;height:22px;margin:0 12px}
.cc .cc-audio-controls .cc-audio-toggle,.cc .cc-audio-controls .cc-audio-volume-box{width:18px;min-width:18px;height:20px;margin:0;align-self:center}
.cc .cc-audio-controls .cc-audio-volume-button{width:18px;min-width:18px;height:20px}
.cc .cc-audio-controls .cc-audio-seek{width:100%;min-width:0;height:18px;margin:0}
.cc .cc-audio-time{width:68px;min-width:0;text-align:center;line-height:20px}
.cc .cc-audio-volume-popup{left:auto;right:-4px;top:calc(100% + 40px);bottom:auto}

/* An empty video is a creation surface, not a playable clip. */
.cc .type-video .cc-video-play{position:relative;display:block;width:52px;height:46px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:0;color:#dce0e4}
.cc .type-video .cc-video-play::before{content:'';position:absolute;left:4px;bottom:3px;width:44px;height:30px;margin:0;box-sizing:border-box;border:1.5px solid currentColor;border-radius:5px;background:linear-gradient(to bottom,transparent 0 8px,#dce0e466 8px 9px,transparent 9px)}
.cc .type-video .cc-video-play::after{content:'';position:absolute;left:4px;top:2px;width:44px;height:10px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:3px;background:repeating-linear-gradient(60deg,#dce0e43b 0 7px,transparent 7px 14px);transform:rotate(-7deg);transform-origin:left bottom}
.cc .cc-media-node header strong{flex:1 1 auto;min-width:0;line-height:20px}
.cc .type-video header .cc-media-status-wrap{flex:0 0 auto;min-width:max-content;max-width:156px}
.cc .type-video header .cc-media-status{max-width:156px;line-height:20px;overflow:visible;text-overflow:clip;white-space:nowrap}

/* Image and video cards use the same quiet translucency as the context menu. */
.cc .cc-media-node:is(.type-image,.type-material,.type-result,.type-video){background:#34383e78;border-color:#ffffff66;box-shadow:0 12px 32px #0003;backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%)}
.cc .cc-media-node:is(.type-image,.type-material,.type-result,.type-video).selected{border-color:var(--accent);box-shadow:0 0 0 .5px var(--accent),0 12px 32px #0003}
.cc .cc-media-node:is(.type-image,.type-material,.type-result,.type-video) .cc-media-surface{background:transparent!important}
.cc .type-video .cc-video-surface small{max-width:calc(100% - 24px);line-height:1.45;text-align:center;white-space:normal}
.cc .cc-video-surface .cc-video-busy-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:blur(4px) brightness(.38);pointer-events:none;z-index:0}.cc .is-video-loading .cc-video-surface:has(.cc-video-busy-backdrop) .cc-video-loading-visual{opacity:.48}.cc .is-video-loading .cc-video-loading-label{font-size:12px;font-weight:500}.cc .is-video-loading .cc-video-surface small{font-size:10px;color:#c7cdd5;text-align:center;padding:0 12px}
.cc-history-source{grid-column:2;max-width:100%;padding:0!important;border:0!important;background:none!important;text-align:left;font-size:11px!important;color:#94a8ba!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:18px!important;height:auto!important}
.cc-history-preview .ai-preview-fallback{display:grid;place-items:center;min-height:60px;padding:4px;font-size:11px;line-height:1.5;color:#9ba9b5;white-space:normal}
[data-local-ai-preview][hidden]{display:none!important}
html:root body #main .cc #ccInspector .cc-history-layout .cc-history-preview>img[hidden]{display:none!important}
.cc-history-detail{max-width:620px;overflow-wrap:anywhere}.cc-history-detail p{font-size:13px;line-height:1.6}.cc-history-detail button{margin:5px 8px 5px 0}

/* creative-prompt-refs.fb0e8318b272413e.css */
.cc-ref-editor{min-height:160px;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid #ffffff20;border-radius:10px;background:#272c30;color:#e4e8eb;font:12px/1.7 sans-serif;outline:none;cursor:text}
.cc-ref-editor-wrap{position:relative}.cc-ref-editor-wrap textarea[hidden]{display:none}
.cc-ref-editor.is-readonly{cursor:default}
.cc-prompt-ref[data-prompt-kind=region]{background:#8a9daa14;border-color:#8a9daa40;color:#d2dbe1;user-select:all}
.cc-prompt-ref canvas{width:32px;height:23px;object-fit:contain;border-radius:2px;background:#171c20;flex:none}
.cc-prompt-ref[data-prompt-kind=region] .cc-prompt-ref-label{max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-prompt-ref.excluded{opacity:.5;text-decoration:line-through}
.ciw .cc-ref-editor-wrap{flex:1;min-height:0;display:flex;flex-direction:column}
.ciw .cc-ref-editor{flex:1;height:100%;min-height:0;max-height:none;border:0;border-radius:0;padding:7px;background:transparent;font:12px/1.7 sans-serif;overflow:auto;outline:none;white-space:pre-wrap;overflow-wrap:anywhere}
.ciw .cc-ref-editor:empty:before{content:'输入整体要求，或拖入选区缩略图后写具体修改';color:#8e9aa4;pointer-events:none}
.ciw .cc-prompt-ref{font-size:10px;padding:1px 4px;margin:1px 2px}
.ciw .cc-ref-remove{display:inline-flex;align-items:center;justify-content:center;width:17px!important;height:19px!important;padding:0!important;border:0;background:transparent;font-size:13px}
.ciw .cc-ref-picker{font:11px/1.5 sans-serif}
.cc .cc-run-options{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cc .cc-billing-disclosure{min-width:0;width:100%}.cc .cc-billing-disclosure summary{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cc .cc-run-options .cc-output-choice{min-width:0}
.cc-billing-disclosure{position:relative;overflow:visible!important}.cc-billing-disclosure summary{cursor:pointer;list-style:none;font-size:12px;color:#afd3e8}.cc-billing-disclosure summary::after{content:' ⓘ';opacity:.7}.cc-billing-note{position:absolute;bottom:calc(100% + 8px);left:0;width:260px;max-width:75vw;padding:12px;background:#30363bf5;border:1px solid #ffffff25;border-radius:8px;color:#c7d0d7;font-size:12px;line-height:1.65;white-space:normal;z-index:20;box-shadow:0 8px 24px #0004}
.cc-empty-reference{display:grid;place-items:center;min-height:56px;padding:4px;color:#a0a8ae;font-size:11px;line-height:1.5;text-align:center}
.cc-panel-refs .cc-self-reference.active{border:1px solid #8ac9ed99;background:#74bce526;box-shadow:inset 0 0 0 1px #8ac9ed22;color:#b8e2fa}
.cc-panel-refs .cc-self-reference.is-referencing{animation:cc-self-reference-pulse 2s ease-in-out infinite;opacity:1}
@keyframes cc-self-reference-pulse{0%,100%{box-shadow:0 0 0 1px #8ac9ed33,0 0 5px #8ac9ed22}50%{box-shadow:0 0 0 1px #8ac9ed88,0 0 14px #8ac9ed55}}
@media(prefers-reduced-motion:reduce){.cc-panel-refs .cc-self-reference.is-referencing{animation:none;box-shadow:0 0 0 1px #8ac9ed88}}
.cc-prompt-ref{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;white-space:nowrap;padding:1px 4px;margin:1px 2px;border-radius:5px;background:#8a9daa14;color:#d2dbe1;border:1px solid #8a9daa40;font-size:10px;cursor:pointer;user-select:all;line-height:1.3}
.cc-prompt-ref .cc-prompt-ref-label{flex:0 0 auto;width:auto;min-width:0}
.cc-prompt-ref .cc-ref-remove,.ciw .cc-prompt-ref .cc-ref-remove{flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;width:14px!important;height:18px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;line-height:1}
.cc-prompt-ref img,.cc-prompt-ref>video{width:32px;height:23px;flex:none;object-fit:contain;border-radius:2px;background:#171c20;pointer-events:none}.cc-prompt-ref.invalid{color:#ffa0a0;background:#a8333325;border-color:#e3777755}
.cc-ref-picker{position:absolute;z-index:90;inset:auto;margin:0;box-sizing:border-box;max-height:190px;overflow:auto;background:#30363bf2;color:#e4e8eb;backdrop-filter:blur(12px);border:1px solid #ffffff25;border-radius:8px;padding:5px;box-shadow:0 8px 24px #0005}.cc-ref-picker[popover]{position:fixed}.cc-ref-picker[hidden]{display:none}.cc-ref-picker button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font:inherit;font-size:12px;padding:6px;border:0;border-radius:5px;background:transparent;color:inherit}.cc-ref-picker button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-ref-option-thumb{flex:none;width:36px;height:36px;object-fit:contain;border-radius:4px;background:#ffffff0b;display:grid;place-items:center}.cc-ref-picker button:hover,.cc-ref-picker button.is-active{background:#8ac9ed33;outline:1px solid #8ac9ed55}.cc-ref-audio-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#75c7e522;color:#9fdcf0;font-size:15px}.cc-ref-editor::-webkit-scrollbar,.cc-ref-picker::-webkit-scrollbar{width:4px}.cc-ref-editor::-webkit-scrollbar-thumb,.cc-ref-picker::-webkit-scrollbar-thumb{background:#89949d66;border-radius:4px}

/* activities.css */
.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px}.activity-test{font-size:12px;color:var(--muted);margin:0 0 12px}.activity-rule-list{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:12px 0}.activity-rule-list p{margin:6px 0;display:flex;gap:12px;justify-content:space-between;font-size:12px}.activity-rule-list span{color:var(--muted)}.activity-rule-list strong{font-weight:500;text-align:right}#activityDialog{width:min(520px,calc(100vw - 32px));max-height:85dvh;padding:20px;overflow:auto}#activityDialog h2{font-size:20px;overflow-wrap:anywhere}#activityDialog .activity-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#activityDialog .activity-actions button{font-size:12px;padding:8px 10px}.activity-close{min-width:32px;min-height:32px}#activityStatus{color:var(--muted);font-size:12px}@media(max-width:800px){.activity-grid{grid-template-columns:1fr}}

/* workbench-theme-tokens.css */
/* Ice blue theme. Future skins override only this semantic token contract. */
:root{
  --theme-background:#111214;
  --theme-navigation:#17181b;
  --theme-surface:#1c1e22;
  --theme-surface-raised:#25282e;
  --theme-text:#e9ebee;
  --theme-text-muted:#a8adb5;
  --theme-accent:#40baff;
  --theme-action:#00a7ee;
  --theme-action-hover:#21b8fa;
  --theme-pink:#ef8bc7;
  --theme-pink-light:#ffd4e9;
  --theme-membership-ink:#35200e;
  --theme-orange:#ffa345;
  --theme-gold-light:#ffe3a5;
  --theme-link:#65ceff;
  --theme-commercial-background:#101113;
  --theme-commercial-surface:#1d1e21;
  --theme-violet:#a68bfa;
  --theme-gold:#edbd77;
  --theme-cyan:#57d9e8;
  --theme-accent-ink:#192733;
  --theme-danger:#efa7a5;
  --theme-placeholder:#9299a3;
  --theme-input:#14161a;
  --theme-option:#292b30;
  --theme-text-subtle:#9ba1aa;
  --theme-text-secondary:#b7bcc4;
  --theme-text-strong:#f0f2f5;
  --theme-badge-ink:#25313a;
  --theme-header:#17181bea;
  --theme-text-control:#d9e0e8;
  --theme-surface-inset:#26272b;
  --theme-text-description:#bdc3cc;
  --theme-text-empty:#aebbc8;
  --theme-table-header:#26272a;
  --theme-dialog:#2b2d32;
  --theme-backdrop:#131416a8;
  --theme-toast:#34383eee;
  --theme-toast-text:#e1e7ee;
  --theme-canvas-panel:#303237;
  --theme-canvas-raised:#383a40;
  --theme-canvas-muted:#adb3bd;
  --theme-canvas-footer:#9fa6b0;
  --theme-highlight:#ffffff;
  --theme-shadow:#000000;
  --theme-accent-text:color-mix(in srgb,var(--theme-accent) 55%,var(--theme-text-strong));
}

/* workbench-theme.css */
/* Personal client only. Loaded last; never imported by public/admin/plugin pages. */
:root{color-scheme:dark;--bg:var(--theme-background);--sidebar:var(--theme-navigation);--panel:var(--theme-surface);--raised:var(--theme-surface-raised);--line:color-mix(in srgb,var(--theme-highlight) 11%,transparent);--text:var(--theme-text);--muted:var(--theme-text-muted);--accent:var(--theme-accent);--accent-ink:var(--theme-accent-ink);--accent-soft:color-mix(in srgb,var(--theme-accent) 8%,transparent);--danger:var(--theme-danger);--radius:12px}
body{background:var(--bg);color:var(--text)}
::selection{background:color-mix(in srgb,var(--theme-accent) 23%,transparent);color:var(--theme-text-strong)}
button:hover:not(:disabled){border-color:color-mix(in srgb,var(--theme-highlight) 26%,transparent)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--theme-accent);outline-offset:2px;box-shadow:none}
input::placeholder,textarea::placeholder{color:var(--theme-placeholder)}
input,textarea,select{background:var(--theme-input);border-color:color-mix(in srgb,var(--theme-highlight) 14%,transparent);color:var(--text);accent-color:var(--accent)}
select option{background:var(--theme-option);color:var(--text)}
.sidebar{background:var(--theme-navigation);border-color:var(--line)}
.brand-mark{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent) 14%,transparent),color-mix(in srgb,var(--theme-highlight) 3%,transparent));color:var(--theme-accent-text);border:1px solid color-mix(in srgb,var(--theme-accent) 27%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--theme-highlight) 9%,transparent)}
.nav-caption,.sidebar-bottom,.sidebar-bottom a,.workspace-footer{color:var(--theme-text-subtle)}
#navigation a{color:var(--theme-text-secondary);border:1px solid transparent}
#navigation a:hover{background:color-mix(in srgb,var(--theme-highlight) 2%,transparent);color:var(--theme-text-strong)}
#navigation a.active{background:linear-gradient(110deg,color-mix(in srgb,var(--theme-accent) 9%,transparent),color-mix(in srgb,var(--theme-accent) 2%,transparent));color:var(--theme-accent-text);border-color:color-mix(in srgb,var(--theme-accent) 15%,transparent);box-shadow:inset 2px 0 var(--theme-accent)}
.nav-tag,.version .status-dot,.status-dot{background:var(--theme-accent);color:var(--theme-badge-ink);box-shadow:none}
.topbar,body:has(.cc) .topbar{background:var(--theme-header);border-color:var(--line);box-shadow:none}
.avatar,.balance,.account-button{background:color-mix(in srgb,var(--theme-highlight) 2%,transparent);border-color:var(--line);color:var(--theme-text-control)}
.panel,.result-card,.stat{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-highlight) 1%,transparent),transparent),var(--panel);border-color:var(--line);box-shadow:inset 0 1px color-mix(in srgb,var(--theme-highlight) 2%,transparent)}
.notice,.device-mini,.result-preview,.ai-message,.ai-answer,.composer{background:var(--theme-surface-inset);border-color:var(--line);color:var(--theme-text-description)}
.skill-icon,.skill:nth-child(n) .skill-icon,.agent-symbol{background:color-mix(in srgb,var(--theme-accent) 6%,transparent);color:var(--theme-accent-text)}
.empty .icon,.empty strong,.hint-list li span{color:var(--theme-text-empty)}
.pill,.pill.neutral{background:color-mix(in srgb,var(--theme-accent) 8%,transparent);color:var(--theme-accent-text)}
.pill.error{background:color-mix(in srgb,var(--theme-danger) 8%,transparent);color:var(--theme-danger)}
.filter-tabs button.active{background:color-mix(in srgb,var(--theme-accent) 8%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent);color:var(--theme-accent-text)}
.pro-card{background:linear-gradient(130deg,color-mix(in srgb,var(--theme-accent) 4%,transparent),transparent),var(--panel);border-color:color-mix(in srgb,var(--theme-accent) 17%,transparent)}
.pro-card h2,.pro-card button{color:var(--theme-accent-text)}.pro-card p{color:var(--muted)}.pro-card button{border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent)}
th{background:var(--theme-table-header);color:var(--muted)}td,th{border-color:var(--line)}tbody tr:hover{background:color-mix(in srgb,var(--theme-highlight) 1%,transparent)}
dialog{background:var(--theme-dialog);border-color:color-mix(in srgb,var(--theme-highlight) 21%,transparent);box-shadow:0 20px 70px color-mix(in srgb,var(--theme-shadow) 33%,transparent)}
dialog::backdrop{background:var(--theme-backdrop);backdrop-filter:blur(3px)}
#toast{background:var(--theme-toast);border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent);color:var(--theme-toast-text);box-shadow:0 8px 28px color-mix(in srgb,var(--theme-shadow) 20%,transparent)}
/* Restrained primary emphasis; errors and connection-port semantic colors stay intact. */
button.primary,.cc button.primary,.cc .cc-panel-run button.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 17%,transparent),color-mix(in srgb,var(--theme-accent) 7%,transparent))!important;border:1px solid color-mix(in srgb,var(--theme-accent) 38%,transparent)!important;color:var(--theme-accent-text)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--theme-highlight) 9%,transparent),0 3px 10px color-mix(in srgb,var(--theme-shadow) 13%,transparent)!important;font-weight:550}
button.primary:hover:not(:disabled),.cc button.primary:hover:not(:disabled),.cc .cc-panel-run button.primary:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 23%,transparent),color-mix(in srgb,var(--theme-accent) 12%,transparent))!important;color:var(--theme-accent-text)!important;border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)!important}
.cc button.primary:disabled,button.primary:disabled{opacity:.45;box-shadow:none!important}
/* Density outside the canvas: preserve its established geometry and gestures. */
#main:not(:has(.cc)){padding:20px 24px;max-width:1500px}
#main:not(:has(.cc)) .page-heading{margin-bottom:18px;gap:12px}
#main:not(:has(.cc)) h1{font-size:22px;letter-spacing:0;margin-bottom:5px}
#main:not(:has(.cc)) h2{font-size:15px}
#main:not(:has(.cc)) .panel{padding:16px;border-radius:12px}
#main:not(:has(.cc)) .panel-head{margin-bottom:12px;gap:10px}
.home-columns,.two-columns,.draft-layout,.result-grid,.device-grid,.stack{gap:16px}
.toolbar{gap:10px;margin-bottom:14px}.settings-row{padding:12px 0;gap:14px}.field{gap:6px;margin:12px 0}.flow-step{padding:12px 0}.result-info{padding:12px}.result-info p{margin:4px 0}.stats{gap:12px}.stat{padding:14px 16px}th,td{padding:11px 13px}
/* Neutral canvas auxiliaries. Do not recolor media or camera/light visualizations. */
.cc{--bg:var(--theme-background);--panel:var(--theme-canvas-panel);--raised:var(--theme-canvas-raised);--line:color-mix(in srgb,var(--theme-highlight) 13%,transparent);--accent:var(--theme-accent);--accent-soft:color-mix(in srgb,var(--theme-accent) 8%,transparent);--text:var(--theme-text);--muted:var(--theme-canvas-muted)}
.cc .cc-panel-head,.cc .cc-panel-run{background:var(--theme-canvas-panel)!important;border-color:color-mix(in srgb,var(--theme-highlight) 9%,transparent)}
.cc .cc-inspector{background:var(--theme-canvas-panel)!important}.cc .cc-bag-tray{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-accent) 5%,transparent) 12%,color-mix(in srgb,var(--theme-accent) 5%,transparent) 88%,transparent)!important}
.cc .cc-asset-tabs button.active,.cc .cc-operation-tabs button.active{color:var(--theme-accent-text)!important;background:color-mix(in srgb,var(--theme-accent) 8%,transparent)!important;border-color:color-mix(in srgb,var(--theme-accent) 28%,transparent)!important}
.cc .cc-footer{background:var(--theme-surface-inset);color:var(--theme-canvas-footer)}.cc .cc-panel-empty{color:var(--theme-canvas-muted);border-color:color-mix(in srgb,var(--theme-highlight) 14%,transparent);background:transparent}
@media(max-width:760px){#main:not(:has(.cc)){padding:16px}.home-columns,.two-columns,.draft-layout{grid-template-columns:1fr}.toolbar{align-items:flex-start}.search{width:100%}.settings-row b{max-width:65%}.top-actions{gap:5px}}
/* Color has a purpose: balance = sky, works = violet, membership = gold. */
#navigation a.active{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent)!important;border-color:transparent!important;box-shadow:none!important;color:var(--theme-accent-text)!important;border-radius:8px}
#navigation a.active::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--theme-accent);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 35%,transparent)}
#navigation a.active .icon{color:var(--theme-accent)}
.stats .stat{--card-color:var(--theme-accent);position:relative;overflow:hidden;text-align:left;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--card-color) 20%,transparent),transparent 75%),var(--theme-surface);border:1px solid color-mix(in srgb,var(--card-color) 22%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--theme-highlight) 5%,transparent)}
.stats .stat:nth-child(2){--card-color:var(--theme-cyan)}.stats .stat:nth-child(3){--card-color:var(--theme-violet)}.stats .stat:nth-child(4){--card-color:var(--theme-gold)}
.stats .stat strong{color:var(--theme-text-strong);font-size:30px;letter-spacing:-.5px}.stats .stat .icon{color:var(--card-color)}.stats .stat small{color:var(--theme-text-secondary)}
.stats .stat:hover{border-color:color-mix(in srgb,var(--card-color) 55%,transparent);background-color:var(--theme-surface-raised)}
.pro-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--theme-gold) 17%,transparent),transparent 70%),linear-gradient(140deg,color-mix(in srgb,var(--theme-violet) 8%,transparent),transparent),var(--theme-surface)!important;border:1px solid color-mix(in srgb,var(--theme-gold) 35%,transparent)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--theme-gold) 22%,transparent)!important}
.pro-card h2,.pro-card .plan-price,.pro-card .check-list li::before{color:var(--theme-gold)}.pro-card button{color:var(--theme-gold);border-color:color-mix(in srgb,var(--theme-gold) 40%,transparent);background:color-mix(in srgb,var(--theme-gold) 7%,transparent)}
.panel:has(.plan-price):not(.pro-card),.panel:has([data-route="test-commerce"]){background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 70%),var(--theme-surface);border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent)}
.skill{background:var(--theme-input)!important;border:1px solid color-mix(in srgb,var(--theme-highlight) 7%,transparent)!important;border-radius:12px;padding:16px!important}.skill:hover{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-input))!important;border-color:color-mix(in srgb,var(--theme-accent) 35%,transparent)!important}
.skill:nth-child(2) .skill-icon{color:var(--theme-cyan)}.skill:nth-child(3) .skill-icon{color:var(--theme-violet)}.skill:nth-child(4) .skill-icon{color:var(--theme-gold)}
.agent-symbol{border:1px solid color-mix(in srgb,var(--theme-accent) 25%,transparent)!important;color:var(--theme-accent)!important;background:color-mix(in srgb,var(--theme-accent) 8%,transparent)!important}
.composer{background:var(--theme-input);border-color:color-mix(in srgb,var(--theme-highlight) 10%,transparent)}
/* Commercial surfaces are opaque and confident; the canvas keeps its quiet skin. */
body:not(:has(.cc)){background:var(--theme-commercial-background);--text:var(--theme-highlight);--accent:var(--theme-action)}
body:not(:has(.cc)) h1,body:not(:has(.cc)) h2,body:not(:has(.cc)) h3,body:not(:has(.cc)) strong{color:var(--theme-highlight)}
body:not(:has(.cc)) .panel,body:not(:has(.cc)) .result-card{background-color:var(--theme-commercial-surface);box-shadow:none;backdrop-filter:none}
body:not(:has(.cc)) button.primary,body:not(:has(.cc)) button.primary:hover:not(:disabled),body:not(:has(.cc)) .composer-foot button{background:var(--theme-action)!important;color:var(--theme-highlight)!important;border-color:transparent!important;box-shadow:none!important;font-weight:600;border-radius:10px}
body:not(:has(.cc)) button.primary:hover:not(:disabled),body:not(:has(.cc)) .composer-foot button:hover:not(:disabled){background:var(--theme-action-hover)!important}
body:not(:has(.cc)) #navigation a.active{color:var(--theme-highlight)!important;background:color-mix(in srgb,var(--theme-action) 16%,var(--theme-navigation))!important;font-weight:600}
body:not(:has(.cc)) #navigation a.active::before{background:var(--theme-action);box-shadow:none}
body:not(:has(.cc)) .stats .stat strong{font-size:34px;font-weight:650;color:var(--theme-highlight)}
body:not(:has(.cc)) .stats .stat[data-route="credits"]{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--theme-action) 35%,transparent),transparent 85%),var(--theme-commercial-surface);border-color:color-mix(in srgb,var(--theme-action) 35%,transparent)}
body:not(:has(.cc)) .stats .stat[data-route="credits"] .stat-top{color:var(--theme-action-hover)}
body:not(:has(.cc)) .pro-card{background:radial-gradient(ellipse at 100% 0%,var(--theme-pink-light),transparent 70%),linear-gradient(125deg,var(--theme-pink),var(--theme-violet))!important;border:0!important;box-shadow:inset 0 1px color-mix(in srgb,var(--theme-highlight) 45%,transparent)!important;color:var(--theme-membership-ink)}
body:not(:has(.cc)) .pro-card h2,body:not(:has(.cc)) .pro-card .plan-price,body:not(:has(.cc)) .pro-card p,body:not(:has(.cc)) .pro-card small,body:not(:has(.cc)) .pro-card .check-list,body:not(:has(.cc)) .pro-card .check-list li::before{color:var(--theme-membership-ink)}
body:not(:has(.cc)) .pro-card h2{font-weight:700}
body:not(:has(.cc)) .pro-card button{background:var(--theme-membership-ink);color:var(--theme-highlight);border:0;font-weight:600;padding:10px 14px}
body:not(:has(.cc)) .pro-card button:disabled{opacity:.65}
body:not(:has(.cc)) .pro-card .pill{background:color-mix(in srgb,var(--theme-highlight) 50%,transparent);color:var(--theme-membership-ink)}
body:not(:has(.cc)) .panel:has(.plan-price){padding:24px!important;border-radius:18px}
body:not(:has(.cc)) .plan-price{font-size:36px;line-height:1.3;margin:24px 0 14px;font-weight:650}
body:not(:has(.cc)) .panel:has(.plan-price) .check-list{line-height:2.2;margin:22px 0}
body:not(:has(.cc)){--accent:var(--theme-link)}
body:not(:has(.cc)) .text-link,body:not(:has(.cc)) .stats .stat[data-route="credits"] .stat-top{color:var(--theme-link);font-weight:550}
body:not(:has(.cc)) .pro-card{background:radial-gradient(ellipse at 100% 0%,var(--theme-gold-light),transparent 75%),linear-gradient(125deg,var(--theme-orange),var(--theme-gold))!important}
body:not(:has(.cc)) .pro-card .plan-price{background:color-mix(in srgb,var(--theme-highlight) 28%,transparent);border-radius:12px;padding:16px;margin:20px 0 14px}
body:not(:has(.cc)) .pro-card .check-list{display:grid;gap:6px;list-style:none;padding:0}
body:not(:has(.cc)) .pro-card .check-list li{background:color-mix(in srgb,var(--theme-highlight) 20%,transparent);padding:7px 12px;border-radius:8px;line-height:1.6}
#navigation a[data-route="agent"] .nav-tag{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:2px 5px;line-height:14px;font-size:9px;font-weight:700;letter-spacing:.04em;border-radius:5px;color:var(--theme-link);background:color-mix(in srgb,var(--theme-action) 16%,var(--theme-navigation));border:1px solid color-mix(in srgb,var(--theme-action) 45%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--theme-highlight) 10%,transparent);opacity:1}
/* The dock has exactly one painted surface: its existing fading pseudo-element. */
.cc .cc-bag-tray,.cc .cc-bag-tray.open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border:0!important}
.cc .cc-bag-tray.open::before{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 7%,transparent),color-mix(in srgb,var(--theme-accent) 2%,transparent))!important;border:1px solid color-mix(in srgb,var(--theme-accent) 22%,transparent)!important;border-top-color:color-mix(in srgb,var(--theme-highlight) 53%,transparent)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-highlight) 9%,transparent),0 -3px 12px color-mix(in srgb,var(--theme-accent) 3%,transparent)!important;backdrop-filter:none!important;mask-image:none}
.cc .cc-bag-strip,.cc .cc-bag-tray-head{background:transparent!important;box-shadow:none!important}
.cc .cc-marquee,.cc .cc-bag-marquee,.cc .cc-asset-marquee{border:1px solid var(--theme-accent)!important;background:color-mix(in srgb,var(--theme-accent) 8%,transparent)!important;box-shadow:none!important}
.cc .cc-selection-frame span{color:var(--theme-text);background:var(--theme-surface)}
/* Secondary pages: one clear focal area, compact supporting information. */
#main .panel:has([data-referral-action="create"]){background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--theme-cyan) 15%,transparent),transparent 70%),var(--theme-surface);border-color:color-mix(in srgb,var(--theme-cyan) 25%,transparent);margin-bottom:16px}
#main [data-referral-action="create"]{background:var(--theme-action);color:var(--theme-highlight);border-color:transparent;font-weight:600}
#main .panel:has([data-referral-action]) .form-message:empty{display:none}
#main .panel:has([data-referral-action]) .detail-actions{gap:8px;margin-top:12px}
.activity-grid{gap:12px;align-items:start}
.activity-grid .panel{border-top:2px solid color-mix(in srgb,var(--theme-accent) 65%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 6%,transparent),transparent 55%),var(--theme-surface)}
.activity-grid .panel:has([data-activity="read"]){border-top-color:var(--theme-accent)}
.activity-grid .activity-copy{font-size:13px;line-height:1.65;color:var(--theme-text-secondary);max-height:6.6em;overflow:hidden}
.activity-grid .activity-rule-list{margin:10px 0;padding:6px 10px}.activity-grid .detail-actions{gap:6px;margin-top:12px}.activity-grid .detail-actions button{font-size:11px!important;padding:4px 8px!important}
body:not(:has(.cc)) .panel-head h2{font-weight:650;color:var(--theme-highlight)}
body:not(:has(.cc)) .muted.small{font-size:11px;line-height:1.6;color:var(--theme-text-muted)}
#navigation a[data-route="create"] .nav-pro{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:2px 6px;line-height:14px;font-size:10px;font-weight:700;letter-spacing:.02em;border-radius:5px;color:var(--theme-gold-light);background:color-mix(in srgb,var(--theme-gold) 15%,var(--theme-navigation));border:1px solid color-mix(in srgb,var(--theme-gold) 45%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--theme-gold-light) 15%,transparent);opacity:1}
.result-card .result-preview{width:100%;padding:0;border:0;border-radius:0;cursor:zoom-in}.result-card .result-info{display:flex;align-items:center;gap:6px;padding:8px 10px}.result-card .result-info h3{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card .result-info button{font-size:10px!important;padding:2px 5px!important;background:transparent;border-color:transparent}.result-unavailable{font-size:11px;color:var(--theme-text-muted)}.result-card[hidden]{display:none}
@media(prefers-reduced-motion:reduce){button,a,input{transition:none!important}}

/* workbench-membership.css */
/* Membership sample: solid surfaces, restrained colored inset, no canvas changes. */
.membership-preview{max-width:1020px;margin:24px auto}
.membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.membership-plan{padding:28px;border-radius:18px;border:1px solid var(--line);background:var(--theme-surface);display:flex;flex-direction:column;gap:0;min-width:0}
.membership-plan header{display:flex;justify-content:space-between;align-items:center;min-height:24px;margin-bottom:18px}
.membership-label{font-size:11px;letter-spacing:.1em;color:var(--theme-text-muted)}
.membership-plan h2{font-size:24px!important;font-weight:650;line-height:1.3}
.membership-plan h2 span{font-size:12px;font-weight:400;margin-left:8px;color:var(--theme-gold)}
.membership-subtitle{font-size:12px;color:var(--theme-text-muted);margin-top:8px}
.membership-price{font-size:28px;color:var(--theme-highlight);font-weight:600;margin:26px 0 22px;line-height:1.4}
.membership-price small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:var(--theme-text-muted)}
.membership-highlight{display:grid;gap:6px;padding:14px 16px;border-radius:10px;background:color-mix(in srgb,var(--theme-accent) 8%,var(--theme-input));border-left:2px solid var(--theme-accent)}
.membership-highlight span{font-size:10px;color:var(--theme-text-muted)}.membership-highlight strong{font-size:13px;font-weight:550}
.membership-benefits{list-style:none;padding:0;margin:22px 0 16px;display:grid;gap:12px;font-size:13px;color:var(--theme-text)}
.membership-benefits li::before{content:'✓';color:var(--theme-accent);margin-right:10px}
.membership-plan details{border-top:1px solid var(--line);padding:14px 0;margin-bottom:8px}
.membership-plan summary{cursor:pointer;font-size:11px;color:var(--theme-text-muted)}
.membership-plan details p{font-size:12px;line-height:1.8;color:var(--theme-text-muted);padding-top:12px}
#main .membership-plan>button{padding:10px 14px;font-size:13px;border-radius:9px}
.membership-pro{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-gold) 5%,var(--theme-surface)),var(--theme-surface));border-color:color-mix(in srgb,var(--theme-gold) 25%,transparent)}
.membership-pro .membership-label,.membership-pro .membership-benefits li::before{color:var(--theme-gold)}
.membership-pro .membership-highlight{background:linear-gradient(115deg,color-mix(in srgb,var(--theme-orange) 20%,var(--theme-surface)),color-mix(in srgb,var(--theme-gold) 8%,var(--theme-surface)));border-left-color:var(--theme-gold)}
.membership-pro>button{background:color-mix(in srgb,var(--theme-gold) 12%,var(--theme-surface));color:var(--theme-gold-light);border-color:color-mix(in srgb,var(--theme-gold) 25%,transparent)}
.membership-pro>button:disabled{opacity:.65}
.membership-disclaimer{text-align:center;font-size:11px;color:var(--theme-text-muted);margin:18px 0}
@media(max-width:700px){.membership-plans{grid-template-columns:1fr}.membership-plan{padding:22px}.membership-preview{margin:16px 0}}

/* commercial-shell.css */
.commerce-actions{gap:9px!important}.commerce-actions>button{white-space:nowrap;flex-shrink:0}.commerce-actions #refreshButton{display:none}.commerce-actions .balance{border-radius:22px!important;background:var(--theme-surface,#24262e)!important;padding:8px 14px!important}.commerce-invite,.commerce-member{border-radius:22px!important;font-size:12px!important;font-weight:600;padding:8px 15px!important}.commerce-invite{color:#c19b55!important;background:#b9975518!important;border:1px solid #b9975530!important}.commerce-member{color:#e6ca92!important;background:#62502f!important;border:1px solid #b89a6055!important}.commerce-notice{width:32px;height:32px;padding:0!important;border-radius:50%!important}.commerce-account{position:fixed;right:24px;top:64px;width:360px;max-height:calc(100vh - 85px);overflow:auto;z-index:1000;padding:19px;background:var(--theme-surface,#202127);color:var(--theme-text,#e9e9ef);border:1px solid var(--line,#484650);border-radius:18px;box-shadow:0 20px 60px #0005}.commerce-account[hidden]{display:none}.commerce-person{display:flex;align-items:center;gap:12px;margin-bottom:16px}.commerce-person>div{flex:1;min-width:0}.commerce-person small{display:block;font-size:11px;margin-top:5px;overflow-wrap:anywhere;color:var(--theme-text-muted,#9797a5)}.commerce-person>button{border:0;background:transparent;color:inherit;font-size:18px}.commerce-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#bca572;color:#1b1915;font-size:19px}.commerce-plan{padding:18px;border-radius:12px;background:linear-gradient(125deg,#bc985521,#bc98550a);border:1px solid #bc985526}.commerce-plan strong{color:#c9a763;font-size:14px}.commerce-plan p{font-size:11px;line-height:1.7;color:var(--theme-text-muted,#aaa)}.commerce-plan button{background:#bd9c58;color:#1d1a14;border:0;border-radius:16px;padding:6px 12px;font-size:11px}.commerce-plan small{display:block;margin-top:8px;font-size:10px}.commerce-credit,.commerce-storage{position:relative;border:1px solid var(--line,#41414b);border-radius:12px;padding:15px;margin-top:12px}.commerce-account small{font-size:11px;color:var(--theme-text-muted,#92939e)}.commerce-credit strong{display:block;font-size:25px;color:var(--theme-accent,#81b5cd);margin-top:5px}.commerce-credit button,.commerce-storage button{border:0;background:transparent;color:var(--theme-text,#ccc);font-size:11px;position:absolute;right:10px;top:12px}.commerce-storage strong{display:block;font-size:15px;margin:10px 0}.commerce-storage progress{width:100%;height:5px;accent-color:#b9a16a}.commerce-menu{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:14px 0}.commerce-menu button{border:0;background:transparent;text-align:left;color:inherit;padding:9px;font-size:12px}.commerce-menu button:hover{background:#8881;border-radius:8px}.commerce-plan-note{font-size:11px;color:var(--theme-text-muted,#888);margin-top:12px}#cloudSpacePanel{width:min(1240px,96vw);height:92vh;max-width:96vw;background:#111216;border-radius:16px;padding:10px}#cloudSpacePanel iframe{height:calc(100% - 40px)}.cloud-space-chip{border-radius:20px!important;font-size:11px!important;min-width:65px}.cloud-space-home{background:linear-gradient(110deg,#b49b6720,#7893b508)!important;border-color:#b49b6740!important}.membership-plan{min-height:490px}.membership-pro{box-shadow:0 8px 35px #ba9d6210}.membership-price{font-size:34px!important}@media(max-width:1000px){.commerce-invite{display:none}.commerce-actions{gap:5px!important}.commerce-member{padding:6px 10px!important}.commerce-account{right:12px;max-width:calc(100vw - 24px)}}@media(max-width:600px){.commerce-notice{display:none}.commerce-actions #displayName{display:none}.commerce-member{font-size:10px!important}}

/* header-refinement.css */
/* Compact controls with room above/below, including the compact canvas header. */
body .topbar,body:has(.cc) .topbar{min-height:58px!important;height:58px!important;padding:10px 20px!important;box-sizing:border-box;align-items:center!important}
body .commerce-actions{gap:7px!important;min-width:0;align-items:center!important}
body .commerce-actions>button,body .commerce-actions .balance{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:11px!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;gap:5px}
body .commerce-actions .commerce-notice{width:29px!important;padding:0!important}
body .commerce-actions #accountButton{background:transparent!important;border-color:transparent!important;gap:7px;padding:0 4px!important;max-width:170px}
body #accountButton #avatar{width:28px!important;height:28px!important;min-width:28px;display:grid;place-items:center;background:#2989e3!important;border:1px solid #78baff!important;color:#fff!important;font-size:14px!important;font-weight:750!important;box-shadow:0 0 0 2px #268deb12}
body #accountButton #displayName{color:var(--theme-text,#f3f4f8)!important;font-weight:650!important;font-size:12px!important;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commerce-icon{width:14px;height:14px;flex-shrink:0;display:inline-block}.energy-icon{color:#4fa5ff}.diamond-icon{color:#f2d29c}.space-symbol{color:#91a7ba;margin-right:2px}.cloud-space-chip .space-percent{color:#59b9ed;font-weight:700}.cloud-space-chip .space-used{color:var(--theme-text,#e5ebf4);font-weight:550}.cloud-space-chip .space-total{color:var(--theme-text-muted,#929caf)}.cloud-space-chip .space-separator{color:#707a8d}.cloud-space-chip.critical .space-percent,.cloud-space-chip.full .space-percent{color:#f48f75}.cloud-space-chip.warning .space-percent{color:#e7bb73}
body .brand img.brand-mark{object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;width:36px;height:36px;box-shadow:none!important;padding:0}
.cloud-space-inline{width:100%;height:calc(100vh - 84px);min-height:550px;border:0;display:block;border-radius:10px;background:#111216}#main:has(.cloud-space-inline){padding:10px 12px!important;max-width:none!important}.workspace:has(.cloud-space-inline) .workspace-footer{display:none}
.commerce-account{top:64px}.commerce-avatar{background:#2989e3!important;color:white!important;border:1px solid #78baff;font-weight:700}.commerce-person strong{font-size:16px;color:var(--theme-text,#f2f5fa)}
.topbar-start{min-width:0;flex:1}.commerce-actions{flex-shrink:0;max-width:100%}.breadcrumb>a{color:inherit;text-decoration:none}.breadcrumb>a:hover{color:#64b7ed}body .commerce-actions #accountButton{max-width:none;flex-shrink:0;margin-right:4px}body #accountButton #displayName{max-width:none;overflow:visible;text-overflow:clip}.brand{gap:10px!important}.brand>span{font-size:20px!important;font-weight:700!important}.topbar{gap:14px!important}.workspace{min-width:0}
@media(max-width:1100px){body .commerce-invite{display:none!important}.topbar .breadcrumb{font-size:11px}}@media(max-width:800px){body .commerce-notice{display:none!important}.cloud-space-chip .space-used,.cloud-space-chip .space-total,.cloud-space-chip .space-separator{display:none}.topbar .breadcrumb{max-width:115px;overflow:hidden;white-space:nowrap}}@media(max-width:600px){body .topbar,body:has(.cc) .topbar{padding:10px!important}body .commerce-actions #displayName{display:block!important;max-width:50px;font-size:11px!important}body .commerce-actions>button{padding:0 6px!important}.cloud-space-inline{min-height:500px}}

/* workspace-polish.css */
/* Shared theme and deliberate surface hierarchy. Loaded before first paint. */
html[data-theme=light] body .commerce-account strong{color:#213b57!important}html[data-theme=light] body .commerce-credit strong{color:#087ab9!important}html[data-theme=light] body #navigation a.active{color:#075582!important}html[data-theme=light] .view-switch button{background:#fff;color:#34465e;border-color:#ccd5e1}html[data-theme=light] .view-switch button[aria-pressed=true]{background:#dbe8f5;color:#164d7b}html[data-theme=light] .asset-tabs,html[data-theme=light] .toolbar,html[data-theme=light] .empty{border-color:#ccd5e1}
:root[data-theme=light]{--theme-background:#edf0f4;--theme-navigation:#fff;--theme-surface:#fff;--theme-surface-raised:#e8edf3;--theme-text:#202c3c;--theme-text-muted:#617086;--theme-text-secondary:#4d6077;--theme-text-strong:#162639;--theme-text-subtle:#65748a;--theme-header:#ffffff;--theme-input:#f5f7fa;--theme-option:#fff;--theme-text-control:#273c54;--theme-surface-inset:#e7edf4;--theme-text-description:#53677e;--theme-text-empty:#617086;--theme-table-header:#e8eef5;--theme-dialog:#fff;--theme-toast:#fff;--theme-toast-text:#203650;--theme-commercial-background:#edf0f4;--theme-commercial-surface:#fff;--theme-accent:#087ab9;--theme-link:#05669e;--theme-placeholder:#6a7787;--theme-canvas-panel:#edf1f6;--theme-canvas-raised:#fff;--theme-canvas-muted:#53677e;--theme-canvas-footer:#65748a;--line:#d8dfe8;color-scheme:light}
#navigation [hidden]{display:none!important}#workspaceTheme{margin:12px 14px;padding:10px 14px;border:0;border-radius:10px;background:var(--theme-surface-raised);color:var(--theme-text);text-align:left;cursor:pointer;flex-shrink:0}.workspace-section-tabs{display:flex;gap:8px;margin:0 0 20px;padding:5px;background:var(--theme-surface);border-radius:12px;width:fit-content}.workspace-section-tabs a{padding:9px 16px;text-decoration:none;color:var(--theme-text-muted);border-radius:8px;font-size:13px}.workspace-section-tabs a.active{background:var(--theme-surface-raised);color:var(--theme-text);font-weight:700}
body .commerce-account{padding:14px;width:338px;overflow:visible;max-height:none;border-radius:16px;box-shadow:0 18px 60px #0006}body .commerce-person{margin-bottom:10px;gap:10px}body .commerce-avatar{width:36px;height:36px}body .commerce-plan{padding:10px 12px;background:var(--theme-surface-raised);border:0}body .commerce-plan p{margin:5px 0;line-height:1.4}body .commerce-plan small{margin-top:4px}body .commerce-credit,body .commerce-storage{padding:10px 12px;margin-top:8px;background:var(--theme-surface-raised);border:0}body .commerce-credit strong{font-size:21px;margin-top:2px}body .commerce-storage strong{margin:5px 0}body .commerce-menu{margin:8px 0;gap:2px}body .commerce-menu button{padding:7px}body .commerce-account>small{font-size:10px}body .commerce-person strong{overflow-wrap:anywhere}
html .asset-side .brand{display:none}.asset-card{box-shadow:0 5px 15px #0002!important}.asset-card .cover{background:#272c35}.asset-card .file-name{font-weight:650}.asset-card .file-meta{padding:16px}.asset-tabs button.active{font-weight:750}.topbar{box-shadow:0 3px 15px #0001}
html[data-theme=light],html[data-theme=light] body{background:#edf0f4;color:#202c3c}html[data-theme=light] .asset-card,html[data-theme=light] dialog{background:#fff;color:#202c3c;border-color:#d5dde7}html[data-theme=light] .cover{background:#e0e6ee}html[data-theme=light] .file-symbol,html[data-theme=light] .cover small{color:#64748b}html[data-theme=light] .toolbar input,html[data-theme=light] .toolbar select,html[data-theme=light] .file-actions button,html[data-theme=light] .header-actions button{background:#fff;color:#34465e;border-color:#ccd5e1}html[data-theme=light] .asset-tabs button{color:#56667b}html[data-theme=light] .asset-tabs button.active{background:#dbe8f5;color:#164d7b}html[data-theme=light] .empty strong{color:#253b53}html[data-theme=light] .asset-info,html[data-theme=light] .file-detail{color:#617086}html[data-theme=light] .space-used{color:#1f334d!important}html[data-theme=light] .space-total{color:#64748b!important}html[data-theme=light] #displayName{color:#223850!important}html[data-theme=light] .commerce-plan strong{color:#80602a}html[data-theme=light] .warning,html[data-theme=light] #message{color:#915500}
@media(max-height:650px){body .commerce-account{top:60px;padding:10px}body .commerce-plan p,body .commerce-plan small{display:none}body .commerce-menu button{padding:5px}body .commerce-storage progress{margin:0}body .commerce-person{margin-bottom:6px}}@media(max-width:700px){.workspace-section-tabs a{padding:8px;font-size:12px}}
/* Typography, edge-to-edge shell and complete light surface text contract. */
:root{--font:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif}html,body{margin:0!important;padding:0;min-height:100%;font-family:var(--font)}body #navigation a{font-family:var(--font);font-size:15px;line-height:22px;font-weight:500;letter-spacing:.1px}body #navigation a.active{font-weight:700!important}body #navigation .icon{stroke-width:1.85}body .sidebar{left:0;border-left:0}body #main:not(:has(.cc)){max-width:none}body #main:has(.cloud-space-inline){padding:0!important}.cloud-space-inline{border-radius:0!important;height:calc(100vh - 58px)!important;min-height:0!important;background:var(--theme-background)!important}#displayName{min-width:4em}#headerCredits{display:inline-block;min-width:3ch;font-variant-numeric:tabular-nums}.stat strong{min-height:44px;font-variant-numeric:tabular-nums}.page-heading h1{min-height:31px}
*{scrollbar-width:thin;scrollbar-color:#7a85934d transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#7a85934d;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#7a85938a}
html[data-theme=light] body:not(:has(.cc)){--text:#24354a;--muted:#596b80}html[data-theme=light] body:not(:has(.cc)) h1,html[data-theme=light] body:not(:has(.cc)) h2,html[data-theme=light] body:not(:has(.cc)) h3,html[data-theme=light] body:not(:has(.cc)) strong{color:#20344c}html[data-theme=light] body:not(:has(.cc)) .stats .stat strong{color:#20344c}html[data-theme=light] .breadcrumb b,html[data-theme=light] .settings-row b,html[data-theme=light] .field,html[data-theme=light] .file-name{color:#253b53}html[data-theme=light] .notice{background:#eaf2f9;border-color:#c7d8e9;color:#36536c}html[data-theme=light] .notice.error{background:#fff0ed;border-color:#e8b9ad;color:#943e28}html[data-theme=light] .pill{background:#dcedf6;color:#15537b}html[data-theme=light] .pill.error,html[data-theme=light] .danger{color:#a63d2d}html[data-theme=light] .nav-pro{color:#76531b!important}html[data-theme=light] .muted,html[data-theme=light] .date-label,html[data-theme=light] .nav-caption{color:#596b80}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{color:#253b53}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#68798b}html[data-theme=light] .commerce-notice{color:#405b76!important}html[data-theme=light]{--theme-gold:#866028;--theme-gold-light:#805c21;--theme-cyan:#087b89;--theme-violet:#7050b7;--theme-danger:#a63d2d;--theme-action-hover:#0877b6;--theme-text-control:#273c54}
.account-pending #main{position:relative;min-height:550px}.account-pending #main>*{visibility:hidden}.account-pending #main::after{content:"";position:absolute;inset:24px;background:linear-gradient(var(--theme-surface-raised),var(--theme-surface-raised)) 0 0/45% 30px no-repeat,linear-gradient(var(--theme-surface-raised),var(--theme-surface-raised)) 0 64px/100% 105px no-repeat,linear-gradient(var(--theme-surface),var(--theme-surface)) 0 195px/100% 300px no-repeat;pointer-events:none}.account-pending #displayName,.account-pending #headerCredits{color:transparent!important;background:var(--theme-surface-raised);border-radius:5px}
html[data-theme=light] body:not(:has(.cc)) .pro-card{background:#f5ead5!important;border:1px solid #e5d4ad!important}html[data-theme=light] body:not(:has(.cc)) .pro-card h2,html[data-theme=light] body:not(:has(.cc)) .pro-card p{color:#62451f!important}html[data-theme=light] .suggestions button:disabled{opacity:1;color:#697888;background:#edf1f5;border-color:#d1d9e2}
/* Solid accents in both themes, with a quieter tinted light surface. */
body .breadcrumb>a{font-size:14px;font-weight:700;letter-spacing:.2px}html[data-theme=light] body .commerce-invite{background:#f4e3c2!important;border:1px solid #ddc18f!important;color:#76501c!important}html[data-theme=light] body .cloud-space-chip{background:#deedfc!important;border:1px solid #a3c8ec!important;color:#174f80!important}html[data-theme=light] body .cloud-space-chip .space-percent{color:#0763b1}html[data-theme=light] body #navigation .nav-tag{background:#0878bc!important;color:#fff!important;border-color:#0878bc!important;font-weight:750}html[data-theme=light] body #navigation .nav-pro{background:#976723!important;color:#fff!important;border-color:#976723!important;font-weight:750}
html[data-theme=light] body #main .panel,html[data-theme=light] body #main .stat{background-color:#eaf1f8;box-shadow:0 4px 14px #27456a09;border-color:#cedce9}html[data-theme=light] body #main .panel{background-image:linear-gradient(135deg,#e6eef8,#f4f7fb)}html[data-theme=light] body #main .settings-row{border-color:#cbd9e7}html[data-theme=light] body #main .membership-plan{background:linear-gradient(145deg,#e9f1f9,#f7f9fc);border-color:#becfe0;box-shadow:0 8px 24px #29486c10}html[data-theme=light] body #main .membership-pro{background:linear-gradient(145deg,#d9f2fa,#eff8fc);border-color:#76b9d1}html[data-theme=light] body #main .membership-price,html[data-theme=light] body #main .membership-highlight,html[data-theme=light] body #main .membership-features,html[data-theme=light] body #main .membership-plan li,html[data-theme=light] body #main .membership-plan b{color:#21374e!important}html[data-theme=light] body #main .membership-plan p,html[data-theme=light] body #main .membership-plan small{color:#52677c}html[data-theme=light] body #main .membership-highlight{background:#dbeaf6}
html[data-theme=light] progress{appearance:none;border:0;border-radius:8px;overflow:hidden;background:#d9e5ef;accent-color:#2196ef}html[data-theme=light] progress::-webkit-progress-bar{background:#d9e5ef;border-radius:8px}html[data-theme=light] progress::-webkit-progress-value{background:#2196ef;border-radius:8px}html[data-theme=light] progress::-moz-progress-bar{background:#2196ef;border-radius:8px}html[data-theme=dark] body #main .pro-card h2,html[data-theme=dark] body #main .pro-card p,html[data-theme=dark] body #main .pro-card strong,html[data-theme=dark] body #main .pro-card small{color:#39250f!important}html[data-theme=dark] body #main .pro-card button{background:#f4d394!important;color:#39250f!important;border-color:#b28444!important}
.cloud-space-inline{opacity:0}.cloud-space-inline.asset-ready{opacity:1}#main:has(.cloud-space-inline:not(.asset-ready)){background:var(--theme-background);position:relative}#main:has(.cloud-space-inline:not(.asset-ready))::after{content:'正在打开云端资产…';position:absolute;top:32px;left:28px;color:var(--theme-text-muted);font-size:13px;pointer-events:none}
/* A fixed-width action cluster: route labels cannot push the controls. */
html{scrollbar-gutter:stable}body .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 570px!important;justify-content:initial!important}body .topbar-start{overflow:hidden}body .breadcrumb{display:flex;align-items:center;white-space:nowrap;min-width:0}body .breadcrumb #crumb{display:block;width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .commerce-actions{width:570px;justify-content:flex-end!important;margin-left:0!important;gap:8px!important}body .commerce-actions .cloud-space-chip{width:192px;min-width:192px}body .commerce-actions #accountButton{width:100px;min-width:100px;justify-content:flex-start}body .commerce-actions #displayName{max-width:60px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .commerce-actions .balance{min-width:86px}.persistent-assets{position:fixed!important;top:58px;bottom:0;height:calc(100dvh - 58px)!important;z-index:5;background:var(--theme-background)!important}.persistent-assets[hidden]{display:none!important}.asset-route-slot{min-height:calc(100vh - 110px)}#main:has(.asset-route-slot){padding:0!important}.workspace:has(.asset-route-slot) .workspace-footer{display:none}
html[data-theme=light] .asset-tabs button.active{background:#2463ac!important;color:#fff!important;border-color:#2463ac!important}.asset-tabs button.active{border-bottom-color:#388deb!important}.upload-button{background:#2674c9!important;color:#fff!important}.toolbar input:focus,.toolbar select:focus{outline:2px solid #3984c65c!important;outline-offset:1px;border-color:#3789cf!important;box-shadow:none!important}.toolbar select{appearance:none;padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23819ab5' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}html[data-theme=light] .asset-card{background:#e5edf7!important;border-color:#c0cfdf!important}html[data-theme=light] .asset-card .cover{background:#d2deed!important}.view-switch button[aria-pressed=true]{background:#286db4!important;border-color:#286db4!important;color:white!important}
body dialog#preview{width:94vw;max-width:1200px;height:88vh;max-height:900px;padding:18px;border-radius:18px;background:#181e29f2;color:#eef4fc;border:1px solid #7387a44d;box-shadow:0 25px 90px #0005;overflow:hidden}#preview::backdrop{background:#17213166;backdrop-filter:blur(9px)}html[data-theme=light] body dialog#preview{background:#f2f6fcf5;color:#21354c;border-color:#c4d3e5}html[data-theme=light] #preview::backdrop{background:#8396ac40;backdrop-filter:blur(9px)}body #closePreview{position:absolute;right:14px;top:12px;width:30px;height:30px;padding:0;border-radius:50%;font-size:21px;line-height:28px;z-index:2;background:#334155;color:#fff;border:0}html[data-theme=light] body #closePreview{background:#dae5f1;color:#26415f}#previewBody{height:calc(100% - 80px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;margin-top:20px}#previewBody img,#previewBody video{max-width:95%;max-height:100%;object-fit:contain;margin:0;user-select:none}#previewBody img{cursor:grab}#previewBody img:active{cursor:grabbing}#previewName{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.viewer-controls{position:absolute;bottom:14px;right:18px;display:flex;gap:5px}.viewer-controls[hidden]{display:none}.viewer-controls button{font-size:12px;padding:5px 10px;background:#334155;color:#eef4fc;border:0}html[data-theme=light] .viewer-controls button{background:#dbe7f4;color:#21496e}
@media(max-width:1100px){body .topbar{grid-template-columns:minmax(0,1fr) 475px!important}body .commerce-actions{width:475px}}@media(max-width:800px){body .topbar{grid-template-columns:minmax(0,1fr) 320px!important}body .commerce-actions{width:320px}body .commerce-actions .cloud-space-chip{width:64px;min-width:64px}body .breadcrumb #crumb{width:80px}}@media(max-width:600px){body .topbar{grid-template-columns:minmax(0,1fr) 250px!important}body .commerce-actions{width:250px;gap:4px!important}body .commerce-actions #accountButton{width:35px;min-width:35px}body .commerce-actions #displayName{display:none!important}body .commerce-actions .balance{min-width:65px}body .breadcrumb #crumb{display:none}}
/* Dates belong to the two landing pages, not variable-height section headings. */
body .date-label{display:none!important}body:has(#navigation a[data-route="home"].active) .page-heading>.date-label,body:has(#navigation a[data-route="agent"].active) .page-heading>.date-label{display:block!important;align-self:flex-start;margin-top:8px}
html body .asset-tabs button.active{color:#fff!important;background:#235d99!important;border-bottom-color:#43a7ff!important}html body .asset-tabs button.active span{color:#fff!important;background:#ffffff20!important}
/* Canvas has its own second toolbar; account controls stay on the first row. */
body:has(.cc) .topbar{height:108px!important;min-height:108px!important;grid-template-rows:38px 42px!important;row-gap:8px!important;padding-top:8px!important;padding-bottom:8px!important;overflow:visible!important}body:has(.cc) .topbar-start{grid-row:1;grid-column:1}body:has(.cc) .topbar>.commerce-actions{grid-row:1;grid-column:2}body:has(.cc) .topbar>.cc-head{grid-row:2;grid-column:1/-1;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;height:42px!important;display:flex!important;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:transparent!important}body:has(.cc) #main .cc{height:calc(100dvh - 108px)!important;min-height:0!important}body:not(:has(.cc)) .topbar>.cc-head{display:none!important}
html body:has(.cc) .topbar{height:108px!important;min-height:108px!important;position:relative;z-index:40;flex-shrink:0}html body:has(.cc) .topbar>.cc-head{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;overflow:visible!important}html body:has(.cc) #main{padding:0!important}html body:has(.cc) .cc{margin-top:0!important}
/* Text-first category navigation, without a solid selected block. */
html body .asset-tabs button.active,html[data-theme=light] body .asset-tabs button.active{background:transparent!important;color:#48b5ff!important;border-bottom:2px solid #349cf3!important;border-radius:0!important;box-shadow:none!important}html[data-theme=light] body .asset-tabs button.active{color:#096cc3!important;border-bottom-color:#096cc3!important}html body .asset-tabs button.active span{background:transparent!important;color:inherit!important}
/* Return to one header row. Project naming stays in the canvas gallery. */
html body:has(.cc) .topbar{height:58px!important;min-height:58px!important;grid-template-rows:38px!important;padding-top:10px!important;padding-bottom:10px!important}html body:has(.cc) .topbar>.cc-head{display:none!important}html body:has(.cc) #main .cc{height:calc(100dvh - 58px)!important}
/* Override the rail's filled-icon rule only inside its popovers. */
html body .cc #ccLibrary .cc-island-popover .cc-symbol svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}html body .cc #ccLibrary .cc-island-popover .cc-symbol{width:17px!important;height:17px!important;flex:0 0 17px!important}html body .cc #ccLibrary .cc-view-group>summary svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body .breadcrumb>a,body .breadcrumb #crumb>a{display:inline-flex;align-items:center;min-height:38px;padding:0 9px;border-radius:8px}body .breadcrumb>a:hover,body .breadcrumb #crumb>a:hover{background:var(--theme-surface-raised)}.commerce-plan[role=link],.commerce-credit[role=link],.commerce-storage[role=link]{cursor:pointer}.commerce-account [role=link]:hover,.commerce-account [role=link]:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}
html body .cc.clean-view #ccLibrary,html body .cc.clean-view .cc-side-shell{display:none!important}html body:has(.cc.clean-view) #workbenchSidebar{display:none!important}html body:has(.cc.clean-view) .workspace{margin-left:0!important}html body:has(.cc.clean-view) #sidebarToggle{visibility:hidden}
html body dialog.storage-settings-view{width:min(1120px,95vw);max-width:95vw;height:90dvh;max-height:90dvh;padding:24px 30px;background:var(--theme-background);color:var(--theme-text);border:1px solid var(--line);border-radius:16px;overflow:auto}.storage-settings-view>section{padding:20px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface)}.storage-settings-view h3{font-size:17px;margin-bottom:12px}.backup-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.backup-policy-grid article{background:var(--theme-surface-raised);padding:15px;border-radius:10px}.storage-settings-view p{font-size:13px;line-height:1.8;color:var(--theme-text-muted)}.backup-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.backup-file-row span{overflow-wrap:anywhere}.backup-cloud-status{margin:10px 0!important}.storage-settings-view .cc-backup-location{padding:14px;background:var(--theme-surface-raised);border-radius:8px;margin:12px 0}.storage-settings-view .cc-backup-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}@media(max-width:650px){.backup-policy-grid{grid-template-columns:1fr}}
/* Quiet account-card highlight; keyboard focus remains visible without a loud blue frame. */
html body .commerce-account [role=link]{position:relative;border:1px solid transparent;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}html body .commerce-account [role=link]:hover{outline:none!important;border-color:#b9c9ce40;box-shadow:inset 0 1px 0 #f2fff52b,0 3px 12px #00000010;background-image:linear-gradient(125deg,#cdecd910,transparent 65%)}html body .commerce-account [role=link]:focus-visible{outline:1px solid #8bb6a3!important;outline-offset:2px;box-shadow:inset 0 1px 0 #ffffff25}html[data-theme=light] body .commerce-account [role=link]:hover{border-color:#9fbaaf70;box-shadow:inset 0 1px 0 #fff,0 3px 12px #3159470c;background-image:linear-gradient(125deg,#ffffff90,#e1eee530 65%)}
html body .commerce-account .commerce-plan button{background:linear-gradient(145deg,#f0dab0 0%,#d4b375 48%,#bc9453 100%);color:#382811;border:1px solid #d6b679;border-radius:9px;min-height:32px;padding:7px 14px;font-weight:650;box-shadow:inset 0 1px 0 #fff6,0 2px 5px #0002;text-shadow:0 1px 0 #ffffff35;transition:filter .18s ease,box-shadow .18s ease}html body .commerce-account .commerce-plan button:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #fff9,0 3px 8px #0002}html body .commerce-account .commerce-plan button:active{box-shadow:inset 0 1px 3px #7b5c3430;filter:brightness(.98)}@media(prefers-reduced-motion:reduce){html body .commerce-account [role=link],html body .commerce-account .commerce-plan button{transition:none}}
/* Shared champagne-gold membership treatment. */
html body .commerce-actions .commerce-member{background:linear-gradient(145deg,#eddbb7 0%,#d1b17a 52%,#b38b4c 100%)!important;color:#382811!important;border:1px solid #c5a16a!important;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #94703c30,0 2px 5px #0002;font-weight:700!important;transition:filter .18s ease,box-shadow .18s ease}html body .commerce-actions .commerce-member:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #fffb,0 3px 9px #9c753330}html body .commerce-actions .commerce-member:active{filter:brightness(.97);box-shadow:inset 0 1px 3px #694b292b}html body .commerce-member .diamond-icon{color:#fff0c6;filter:drop-shadow(0 1px 0 #7e5d36) drop-shadow(0 0 3px #fff3c66b)}
html body:not(:has(.cc)) #main .pro-card{background:linear-gradient(135deg,#e0cfac 0%,#ceb88e 60%,#c1a77a 100%)!important;border:1px solid #b99b694d!important;box-shadow:inset 0 1px 0 #fff5,0 3px 12px #3325140b!important;background-image:linear-gradient(135deg,#e0cfac 0%,#ceb88e 60%,#c1a77a 100%)!important}html body:not(:has(.cc)) #main .pro-card h2,html body:not(:has(.cc)) #main .pro-card p,html body:not(:has(.cc)) #main .pro-card strong,html body:not(:has(.cc)) #main .pro-card small{color:#44321c!important}html body:not(:has(.cc)) #main .pro-card button{background:linear-gradient(145deg,#f0dab0 0%,#d4b375 48%,#bc9453 100%)!important;color:#382811!important;border:1px solid #b6945f!important;border-radius:9px;box-shadow:inset 0 1px 0 #fff6,0 2px 5px #0002;font-weight:650;text-shadow:0 1px 0 #ffffff35}html body:not(:has(.cc)) #main .pro-card button:hover{filter:brightness(1.05)}html[data-theme=light] body:not(:has(.cc)) #main .pro-card{background:linear-gradient(135deg,#eee3cc,#ddcaA5)!important;background-image:linear-gradient(135deg,#eee3cc,#ddcaa5)!important}@media(prefers-reduced-motion:reduce){html body .commerce-actions .commerce-member{transition:none}}
/* Quiet translucent header controls; material accents belong to the icons. */
html body .commerce-actions .commerce-member{background:#b59a6326!important;color:#e5c995!important;border:1px solid #bfa26a55!important;box-shadow:inset 0 1px 0 #fff1!important;text-shadow:none!important}html body .commerce-actions .commerce-member:hover{background:#b59a6338!important;filter:none;box-shadow:inset 0 1px 0 #fff2!important}html[data-theme=light] body .commerce-actions .commerce-member{background:#b9965421!important;color:#78551f!important;border-color:#b4935d55!important}html[data-theme=light] body .commerce-actions .commerce-member:hover{background:#b9965433!important}html body .commerce-member .diamond-icon{filter:drop-shadow(0 1px 0 #80602c70) drop-shadow(0 0 2px #ffe4a633)}html body .commerce-actions .energy-icon{filter:drop-shadow(0 1px 0 #163b7338)}.header-accent-icon{width:14px;height:14px;display:inline-block;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 1px 0 #0002)}.space-symbol:has(svg){display:inline-flex;align-items:center}
/* A simple cloud remains legible at compact header size. */
#cloudSpaceChip .header-accent-icon{width:17px;height:17px;filter:none}#cloudSpaceChip .header-accent-icon path{stroke-width:1.9}
/* Reserve the full return-label width so adjacent gallery actions never shift. */
.cc-gallery>header [data-library="trash"]{width:104px;min-width:104px;flex:0 0 104px;white-space:nowrap;box-sizing:border-box}
.storage-settings-view .backup-local-section{border-color:#469cd060;box-shadow:inset 3px 0 0 #399bd1}
.storage-settings-view .backup-operation-guide{color:var(--theme-text);font-weight:600}
.storage-settings-view details.backup-storage-intro{padding:16px 20px;border:1px solid var(--line);border-radius:12px;margin:16px 0}
.storage-settings-view .backup-storage-intro summary{cursor:pointer;font-size:14px;font-weight:600;padding:6px 0}
.storage-settings-view .backup-storage-intro .backup-policy-grid{margin-top:14px}
html body dialog.storage-settings-view>.dialog-heading{position:sticky;top:-24px;z-index:5;background:var(--theme-background);padding:14px 0;border-bottom:1px solid var(--line)}
.backup-cloud-status .backup-used{color:#299fe9;font-weight:750}.backup-cloud-status .backup-total{color:var(--theme-text);font-weight:650}.backup-cloud-status .backup-remaining{color:#239a78;font-weight:650}
html body .asset-card .cover{padding:0;overflow:hidden;isolation:isolate}html body .asset-card .cover img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;position:absolute;inset:0;padding:8px}html body .asset-card .file-meta{position:relative;border-top:1px solid var(--line);padding:14px}
.asset-upload-progress{display:grid;gap:8px;padding:14px 16px;background:var(--theme-surface-raised,#242833);border:1px solid #419ede50;border-radius:12px;margin:12px 0;color:var(--theme-text,#dce6f2)}.asset-upload-progress progress{width:100%;height:8px;accent-color:#299fe9}.asset-upload-progress span{font-size:12px;overflow-wrap:anywhere}
.asset-upload-card .cover>span{font-size:32px;color:#39a8ee}.asset-upload-card .file-meta>span{display:block;font-size:12px;color:var(--theme-text-muted);margin:8px 0}.asset-upload-card progress{display:block;width:100%;height:7px;accent-color:#299fe9}.asset-upload-card{border-color:#399fe56b!important}
/* Asset operation feedback never changes the height above the grid. */
html body main>#message{position:fixed;inset:auto 24px 24px auto;z-index:1000;max-width:min(400px,calc(100vw - 32px));margin:0;padding:12px 18px;border-radius:12px;background:#242e3af5;color:#e5edf6;border:1px solid #8199af40;box-shadow:0 6px 24px #0003;line-height:1.6;overflow-wrap:anywhere;cursor:pointer}
html body main>#message[hidden],html body main>#message:empty{display:none!important}
html[data-theme=light] body main>#message{background:#fffffff5;color:#28435c;border-color:#c8d6e4;box-shadow:0 6px 24px #253c571c}
@media(max-width:600px){html body main>#message{right:16px;bottom:16px}}
/* The workbench shell owns header positioning; do not override it here. */
.profile-editor{width:min(440px,92vw);border:1px solid var(--line);border-radius:16px;background:var(--theme-background);color:var(--theme-text);padding:24px}.profile-editor form{display:grid;gap:16px}.profile-editor label{display:grid;gap:8px}.profile-editor input[type=checkbox]{min-height:auto}.profile-editor .dialog-heading{display:flex;justify-content:space-between;align-items:center}.profile-editor::backdrop{background:#17233266;backdrop-filter:blur(5px)}
/* Home membership accent: translucent surface instead of a solid gold slab. */
html body:not(:has(.cc)) #main .pro-card{background:linear-gradient(135deg,#bc9d6524,#8d70b00c)!important;background-image:linear-gradient(135deg,#bc9d6524,#8d70b00c)!important;border-color:#c5ab793d!important;box-shadow:inset 0 1px #ffffff12,0 8px 22px #0000000a!important;backdrop-filter:blur(10px)}
html[data-theme=dark] body:not(:has(.cc)) #main .pro-card h2,html[data-theme=dark] body:not(:has(.cc)) #main .pro-card strong{color:#eedab5!important}html[data-theme=dark] body:not(:has(.cc)) #main .pro-card p,html[data-theme=dark] body:not(:has(.cc)) #main .pro-card small{color:#c6beb0!important}
html[data-theme=light] body:not(:has(.cc)) #main .pro-card{background:linear-gradient(135deg,#e6cf9d30,#d8c9eb12)!important;background-image:linear-gradient(135deg,#e6cf9d30,#d8c9eb12)!important;border-color:#bba77c40!important}html[data-theme=light] body:not(:has(.cc)) #main .pro-card h2,html[data-theme=light] body:not(:has(.cc)) #main .pro-card strong{color:#624b2b!important}html[data-theme=light] body:not(:has(.cc)) #main .pro-card p{color:#726958!important}