.dock-panel{z-index:120;border-right:.5px solid var(--shell-hairline);width:320px;color:var(--text-main);background:#171717;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes dock-panel-slide-in{0%{transform:translate(-320px)}to{transform:translate(0)}}.dock-panel{transition:transform .25s cubic-bezier(.4,0,1,1);transform:translate(-320px)}.dock-panel.is-open{animation:.25s cubic-bezier(.33,1,.68,1) both dock-panel-slide-in;transform:translate(0)}@keyframes dock-panel-slide-out{0%{transform:translate(0)}to{transform:translate(-320px)}}.dock-panel.is-exiting{animation:.28s cubic-bezier(.33,1,.68,1) both dock-panel-slide-out;transform:translate(-320px)}.dock-panel__tabs{border-top:1px solid #363636;border-bottom:1px solid #363636;flex-shrink:0;align-items:center;gap:4px;height:50px;padding:0 8px;display:flex}.dock-panel__header{flex-shrink:0;padding:8px 8px 12px}.dock-panel__brand-anchor{display:inline-flex;position:relative}.dock-panel__brand{width:57px;height:32px;color:var(--text-main);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.dock-panel__brand:hover,.dock-panel__brand.is-open{background:var(--control-hover)}.dock-panel__brand .xijiwang-brand-logo-mark{width:25px;height:14.5px}.dock-panel__brand-chevron{color:var(--canvas-controls-icon,#ffffffd9);align-items:center;display:inline-flex}.dock-panel__brand-menu{z-index:4;width:200px;box-shadow:var(--canvas-shadow-dropdown);background:#262626;border:.5px solid #363636;border-radius:16px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);left:-3px}.dock-panel__brand-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;width:100%;height:44px;padding:0 12px;font-size:14px;line-height:21.7px;display:flex}.dock-panel__brand-menu button:hover{background:var(--control-hover)}.dock-panel__head-row{align-items:center;gap:4px;height:28px;margin-top:4px;padding:0 4px;display:flex}.dock-panel__workspace{field-sizing:content;color:#fff;cursor:text;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;width:auto;min-width:0;max-width:none;padding:0;font-size:13px;line-height:19.5px;overflow:hidden}.dock-panel__workspace:focus{background:#ffffff0f;outline:none}.dock-panel__divider{background:#363636;flex-shrink:0;width:1px;height:14px}.dock-confirm-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dock-confirm{width:344px;color:var(--text-main);background:#262626;border:1px solid #363636;border-radius:12px;padding:16px}.dock-confirm__title{margin:0 0 8px;font-size:14px;font-weight:700}.dock-confirm__hint{color:var(--text-muted);margin:0 0 16px;font-size:13px;line-height:20px}.dock-confirm__actions{justify-content:flex-end;gap:8px;display:flex}.dock-confirm__actions button{height:32px;color:var(--text-main);cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;padding:0 14px;font-size:13px}.dock-confirm__actions button.is-primary{color:#171717;background:#f7f7f7}.dock-panel__canvas-anchor{position:relative}.dock-panel__canvas-selector{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:13px;line-height:20.15px;display:flex}.dock-panel__canvas-selector:hover,.dock-panel__canvas-selector.is-open{background:var(--control-hover)}.dock-panel__tab{color:#ffffffe6;border-radius:10px;padding:4px 12px;font-size:13px;transition:background .15s,color .15s}.dock-panel__tab:hover{color:#fff}.dock-panel__tab.active{color:#fff;background:#ffffff26;font-weight:500}.dock-panel__search{flex:none;align-items:center;gap:8px;height:32px;margin:8px 8px 0;padding-left:8px;display:flex;position:relative}.dock-panel__search-icon{color:var(--text-muted);flex:none;align-items:center;display:flex}.dock-panel__search-input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:none;flex:1;font-size:13px;line-height:20px}.dock-panel__search-input::placeholder{color:var(--text-muted)}.dock-panel__search-action{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.dock-panel__search-action:hover{background:var(--canvas-controls-hover,#ffffff1a);color:var(--text-main)}.dock-panel__filter-menu{z-index:2;border:1px solid var(--shell-hairline);background:#262626;border-radius:8px;gap:2px;min-width:132px;padding:6px;display:grid;position:absolute;top:36px;right:8px;box-shadow:0 12px 28px #00000059}.dock-panel__filter-menu button{color:var(--text-muted);text-align:left;border-radius:6px;padding:7px 9px;font-size:12px}.dock-panel__filter-menu button:hover,.dock-panel__filter-menu button.is-active{color:var(--text-main);background:#ffffff1a}.dock-panel__body{flex:1;min-height:0;padding:8px;overflow-y:auto}.dock-panel__body--assets{padding:0}.dock-panel__empty{color:#a8a8a8;text-align:center;justify-content:center;align-items:center;min-height:36px;margin:0;font-size:13px;line-height:20.15px;display:flex}.dock-node-row{border-radius:10px;align-items:center;gap:2px;height:44px;padding:4px 4px 4px 0;transition:background .15s;display:flex}.dock-node-row:hover{background:#ffffff0f}.dock-node-row.is-selected{background:#ffffff26}.dock-node-row__icon{width:28px;height:28px;color:var(--text-muted);background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dock-node-row__label{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--text-main);flex:1;font-size:14px;overflow:hidden}.dock-node-row__action{width:24px;height:24px;color:var(--text-muted);opacity:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex}.dock-node-row:hover .dock-node-row__action,.dock-node-row.is-selected .dock-node-row__action{opacity:1}.dock-node-row__action:hover{color:var(--text-main);background:#ffffff1a}.dock-panel__footer{border-top:.5px solid var(--shell-hairline);height:52.5px;color:var(--canvas-controls-text-muted,var(--text-muted));flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 12px;font-size:12px;line-height:16px;display:flex}.dock-panel__collapse{width:32px;height:32px;color:var(--canvas-controls-icon,#ffffffd9);border-radius:8px;justify-content:center;align-items:center;display:flex}.dock-panel__collapse:hover{background:var(--control-hover);color:var(--text-main)}.dock-panel__body--assets .side-panel-assets{width:100%;height:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px 8px 8px;position:static;inset:auto}.dock-panel__canvas-menu{z-index:40;background:#262626;border:.5px solid #363636;border-radius:12px;width:214px;padding:8px 0;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 24px -8px #0000000f,0 4px 8px -4px #0000000a,0 1px 1px #00000005}.dock-panel__canvas-menu-head{justify-content:space-between;align-items:center;height:28px;padding:0 8px 0 16px;display:flex}.dock-panel__canvas-menu-title{color:#919191;font-size:13px;font-weight:500;line-height:19.5px}.dock-panel__canvas-menu-add{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.dock-panel__canvas-menu-add:hover{background:#ffffff1a}.dock-panel__canvas-menu-list{flex-direction:column;margin-top:8px;display:flex}.dock-panel__canvas-item{border-radius:8px;align-items:center;height:28px;padding:4px 2px 4px 16px;display:flex;position:relative}.dock-panel__canvas-item:hover{background:#ffffff0f}.dock-panel__canvas-item-main{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;width:100%;min-width:0;height:21px;padding:0 32px 0 0;font-size:14px;line-height:21px;display:flex}.dock-panel__canvas-item-check{color:#fff;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:2px;right:2px}.dock-panel__canvas-item-more{color:#919191;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:2px;right:2px}.dock-panel__canvas-item.is-active .dock-panel__canvas-item-more{display:none}.dock-panel__canvas-item.is-active:hover .dock-panel__canvas-item-more,.dock-panel__canvas-item.is-active .dock-panel__canvas-item-more[aria-expanded=true],.dock-panel__canvas-item-more[aria-expanded=true]{display:grid}.dock-panel__canvas-item.is-active:hover .dock-panel__canvas-item-check{display:none}.dock-panel__canvas-item-more:hover{color:#fff;background:#ffffff1a}.dock-panel__canvas-item-menu{z-index:60;background:#171717;border-radius:12px;gap:4px;width:180px;padding:4px;display:grid;position:absolute;top:1px;left:calc(100% - 6px);box-shadow:0 16px 24px -8px #0000000f,0 4px 8px -4px #0000000a,0 1px 1px #00000005}.dock-panel__canvas-item-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;height:32px;padding:0 8px;font-size:13px;display:flex}.dock-panel__canvas-item-menu button:hover{background:#ffffff14}.dock-panel__canvas-item-menu button:disabled{opacity:.45;cursor:default}.dock-panel__canvas-item-input{color:#fff;background:#ffffff0f;border:.5px solid #363636;border-radius:6px;width:100%;height:21px;padding:0 6px;font-size:14px;line-height:21px}.dock-node-row{position:relative}.dock-node-row__spacer{flex:none;width:24px;height:24px}.dock-node-row__main{text-align:left;cursor:pointer;color:#fff;background:0 0;border:0;border-radius:8px;flex:auto;align-items:center;gap:2px;min-width:0;height:36px;padding:0;display:flex}.dock-node-row__main .dock-node-row__icon{flex:none;place-items:center;width:36px;height:36px;display:grid}.dock-node-row__name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:14px;line-height:22px;overflow:hidden}.dock-node-row__actions{align-items:center;gap:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dock-node-row__menu{z-index:20;background:#171717;border:.5px solid #363636;border-radius:12px;flex-direction:column;gap:4px;width:180px;padding:4px;display:flex;position:absolute;top:calc(100% - 2px);right:8px;box-shadow:0 8px 24px #0006}.dock-node-row__menu>button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;height:32px;padding:0 8px;font-size:13px;line-height:20px;display:flex}.dock-node-row__menu>button:hover{background:#ffffff1a}.dock-node-row__menu>button.is-danger{color:#f53f3f}.dock-node-row__rename{color:#fff;background:#262626;border:.5px solid #363636;border-radius:6px;flex:auto;min-width:0;margin-left:8px;padding:2px 6px;font-size:14px;line-height:20px}
.bottom-controls{z-index:20;box-sizing:border-box;border-radius:var(--ui-radius-control);background:var(--cluster-bg);height:40px;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:4px;padding:6px;display:flex;position:absolute;bottom:12px;left:8px}.canvas-bottom-control-btn,.canvas-zoom-btn{border-radius:var(--ui-radius-element);width:28px;min-width:28px;height:28px;color:var(--text-main);background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background-color .16s,color .16s,opacity .16s;display:flex;position:relative}.canvas-bottom-control-btn:hover,.canvas-bottom-control-btn.active,.canvas-zoom-btn:hover{background:var(--control-hover);color:#fff}.canvas-bottom-control-btn.active{background:var(--control-active)}.bottom-controls__assets{border-radius:var(--ui-radius-element);height:28px;color:var(--text-main);transition-property:var(--ui-transition-colors);background:0 0;border:0;align-items:center;gap:4px;padding:0 12px;font-size:16px;line-height:1.55;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;inset:0}.bottom-controls__assets:hover{background:var(--control-hover)}.bottom-controls__assets.active{background:var(--control-active)}.canvas-bottom-icon-frame{width:16px;height:16px;color:var(--canvas-controls-icon);justify-content:center;align-items:center;display:flex}.bottom-controls__assets>span:not(.canvas-bottom-icon-frame){color:var(--canvas-controls-text-muted);font-size:13px}.bottom-controls__assets>.libtv-icon{color:var(--canvas-controls-icon)}.canvas-bottom-icon-frame svg{flex:none}.canvas-arrange-review-popover{z-index:30;box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1f1f1ff2;border:1px solid #ffffff1a;border-radius:12px;width:max-content;max-width:260px;padding:12px;position:absolute;bottom:calc(100% + 8px);left:-6px;box-shadow:0 8px 24px #00000047,0 2px 6px #0000002e,inset 0 0 0 .5px #ffffff0a}.canvas-arrange-review-popover p{color:#ffffffe6;margin:0 0 12px;font-size:13px;line-height:1.35}.canvas-arrange-review-actions{justify-content:flex-end;gap:8px;display:flex}.canvas-arrange-review-actions button{border-radius:var(--ui-radius-element);color:#fffc;cursor:pointer;background:0 0;border:0;height:30px;padding:0 12px;font-size:13px;transition:background-color .16s,color .16s}.canvas-arrange-review-actions button:hover{background:var(--control-hover);color:#fff}.canvas-arrange-review-actions button.primary{background:var(--control-active);color:#fff}.canvas-arrange-review-actions button.primary:hover{background:#fff3}@media (max-width:560px){.bottom-controls{bottom:12px;left:8px}}@media (max-width:1024px){.bottom-controls{bottom:12px}}
.canvas-zoom-controls{align-items:center;display:flex;position:relative}.canvas-zoom-value{min-width:auto;height:28px;color:var(--canvas-controls-text);transition-property:var(--ui-transition-colors);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.canvas-zoom-value:hover,.canvas-zoom-value[aria-expanded=true]{background:var(--canvas-controls-hover);color:var(--canvas-controls-text)}.canvas-zoom-value svg{opacity:.56}.canvas-zoom-btn:disabled{cursor:default;opacity:.42}.canvas-zoom-btn:disabled:hover{color:#ffffffb8;background:0 0}.canvas-zoom-menu{z-index:60;border:.5px solid var(--shell-hairline);background:var(--ui-surface-node);opacity:0;pointer-events:none;transform-origin:50% 100%;width:187px;transition:opacity var(--motion-popover-out), transform var(--motion-popover-out);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;padding:4px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-3px)scale(.97);box-shadow:0 10px 32px #00000042}.canvas-zoom-menu.is-open{opacity:1;pointer-events:auto;transition:opacity var(--motion-popover-in), transform var(--motion-popover-in);transform:translate(-50%)translate(0,0)scale(1)}.canvas-zoom-menu.is-closed{pointer-events:none;visibility:hidden;transition:opacity var(--motion-popover-out), transform var(--motion-popover-out), visibility 0s linear .22s}.canvas-zoom-menu-input{border-radius:var(--ui-radius-element);background:var(--control-hover);justify-content:space-between;align-items:center;height:36px;margin-bottom:2px;padding:0 10px;display:flex}.canvas-zoom-menu-input input{width:100%;color:var(--text-main);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:0;font-size:13px}.canvas-zoom-menu-input span{color:var(--text-faint);font-size:13px}.bottom-controls .canvas-zoom-menu-item{color:#ffffffeb;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;place-items:center stretch;gap:8px;width:100%;min-width:0;min-height:36px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.2;transition:background-color .15s,color .15s;display:grid}.bottom-controls .canvas-zoom-menu-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-controls .canvas-zoom-menu-shortcut{color:#fff6;white-space:nowrap;justify-content:flex-end;align-items:center;width:36px;font-size:12px;line-height:1;display:inline-flex}.bottom-controls .canvas-zoom-menu-item:hover,.bottom-controls .canvas-zoom-menu-item:focus-visible{color:#fff;background:#ffffff1a;outline:none}.canvas-zoom-menu-divider{background:#ffffff1f;height:1px;margin:4px}
.canvas-bottom-control-btn[data-tooltip]:before,.canvas-bottom-control-btn[data-tooltip]:after,.canvas-zoom-btn[data-tooltip]:before,.canvas-zoom-btn[data-tooltip]:after,.canvas-zoom-value[data-tooltip]:before,.canvas-zoom-value[data-tooltip]:after{z-index:70;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s;position:absolute;left:50%}.canvas-bottom-control-btn[data-tooltip]:before,.canvas-zoom-btn[data-tooltip]:before,.canvas-zoom-value[data-tooltip]:before{color:#fffffff5;content:attr(data-tooltip);white-space:nowrap;background:#121212f5;border:.5px solid #ffffff29;border-radius:8px;width:max-content;max-width:180px;padding:5px 10px;font-size:14px;font-weight:500;line-height:1.2;bottom:calc(100% + 11px);transform:translate(-50%,5px);box-shadow:0 14px 34px #00000061}.canvas-bottom-control-btn[data-tooltip]:after,.canvas-zoom-btn[data-tooltip]:after,.canvas-zoom-value[data-tooltip]:after{content:"";background:#121212f5;border-bottom:.5px solid #ffffff29;border-right:.5px solid #ffffff29;border-radius:2px;width:10px;height:10px;bottom:calc(100% + 5px);transform:translate(-50%,5px)rotate(45deg)}.canvas-bottom-control-btn[data-tooltip]:hover:before,.canvas-bottom-control-btn[data-tooltip]:hover:after,.canvas-zoom-btn[data-tooltip]:hover:before,.canvas-zoom-btn[data-tooltip]:hover:after,.canvas-zoom-value[data-tooltip]:hover:before,.canvas-zoom-value[data-tooltip]:hover:after,.canvas-bottom-control-btn[data-tooltip]:focus-visible:before,.canvas-bottom-control-btn[data-tooltip]:focus-visible:after,.canvas-zoom-btn[data-tooltip]:focus-visible:before,.canvas-zoom-btn[data-tooltip]:focus-visible:after,.canvas-zoom-value[data-tooltip]:focus-visible:before,.canvas-zoom-value[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.canvas-bottom-control-btn[data-tooltip]:hover:after,.canvas-bottom-control-btn[data-tooltip]:focus-visible:after,.canvas-zoom-btn[data-tooltip]:hover:after,.canvas-zoom-btn[data-tooltip]:focus-visible:after,.canvas-zoom-value[data-tooltip]:hover:after,.canvas-zoom-value[data-tooltip]:focus-visible:after{transform:translate(-50%)rotate(45deg)}.canvas-bottom-control-btn[data-tooltip]:first-child:before{left:0;transform:translateY(5px)}.canvas-bottom-control-btn[data-tooltip]:first-child:after{left:14px}.canvas-bottom-control-btn[data-tooltip]:first-child:hover:before,.canvas-bottom-control-btn[data-tooltip]:first-child:focus-visible:before{transform:translate(0)}.mantine-Tooltip-tooltip{color:#fff;border:.5px solid #363636;border-radius:8px;padding:4px 8px;font-size:12px;line-height:1.4;box-shadow:0 4px 10px #00000040,0 2px 4px #0000004d;line-height:17px!important}.mantine-Tooltip-arrow{background:#262626}
.characters-backdrop{z-index:var(--z-overlay,600);background:#000000b3;position:fixed;inset:0}.characters-modal{z-index:calc(var(--z-overlay,600) + 1);border:1px solid var(--border-neutral-l1);color:#fff;background:#242424;border-radius:24px;flex-direction:column;width:1200px;max-width:100%;height:760px;max-height:100%;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 25px 50px -12px #00000040}.characters-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.characters-modal-header h2{color:#f5f5f5;margin:0;font-size:16px;font-weight:600}.characters-modal-close{width:24px;height:24px;color:var(--text-main);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.characters-modal-close:hover{background:#ffffff1a}.characters-modal-body{flex-direction:column;flex:1;min-height:0;padding:0 16px 16px;display:flex}.characters-consent-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:360px;padding:40px;display:flex}.characters-consent-gate h3,.characters-consent-gate p{max-width:520px;margin:0}.characters-consent-error{color:var(--status-error,#ff8f8f)}.characters-consent-actions{gap:10px;margin-top:12px;display:flex}.characters-modal-empty{min-height:0;color:var(--text-muted);background:#ffffff0d;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex}.characters-follow-bar{border:.5px solid var(--border-neutral-l1);height:36px;color:var(--text-main);background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 12px;font-size:13px;display:flex}.characters-follow-bar button{color:var(--canvas-controls-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:12px}.characters-follow-bar button:hover{background:var(--canvas-controls-hover);color:#fff}.characters-filter-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.characters-filter-btn{border:.5px solid var(--border-neutral-l1);height:28px;color:var(--text-main);cursor:pointer;background:#ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.characters-filter-btn:hover{background:var(--canvas-controls-hover)}.characters-recent-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.characters-recent-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.characters-category-bar{scrollbar-width:thin;flex-shrink:0;gap:6px;margin-top:8px;padding-bottom:4px;display:flex;overflow-x:auto}.characters-chip{border:.5px solid var(--border-neutral-l1);height:28px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.characters-chip:hover{color:#fff;background:var(--canvas-controls-hover)}.characters-chip.is-active{border-color:var(--border-neutral-l1);color:#fff;background:#161616}.characters-preview{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:4px;display:flex;overflow-y:auto}.characters-preview-head{align-items:center;gap:8px;display:flex}.characters-preview-name{color:var(--text-main);font-size:14px;font-weight:500}.characters-preview-tags{gap:4px;min-width:0;display:inline-flex;overflow:hidden}.characters-tag-chip{background:var(--ui-surface-tint);color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:1px 8px;font-size:11px;font-style:normal}.characters-preview-figure{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:256px;height:341px;display:flex;overflow:hidden}.characters-preview-figure img{object-fit:cover;object-position:top;width:100%;height:100%}.characters-preview-figure-fallback{color:#9a9a9a;font-size:12px}.characters-preview-desc{color:#9a9a9a;margin:0;font-size:12px;line-height:18.6px}.characters-apply-btn{color:#25272a;cursor:pointer;background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;width:256px;height:32px;font-size:13px;font-weight:500;display:inline-flex}.characters-apply-btn:hover{background:#ffffffe6}.characters-preview-actions{align-items:center;gap:8px;display:flex}.characters-preview-actions .characters-apply-btn{flex:1;width:auto}.style-library-toolbar{margin:10px 0;display:flex}.style-library-toolbar input{width:min(360px,100%);height:32px;color:var(--text-main);background:#161616;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:0 10px}.style-library-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;min-height:0;padding:4px 0;display:grid;overflow:auto}.style-library-item{border:1px solid var(--border-neutral-l1);min-width:0;color:var(--text-main);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;flex-direction:column;gap:5px;padding:7px;display:flex}.style-library-item:hover{background:#09caf51a;border-color:#09caf566}.style-library-item-media{color:#888;background:#fff;border-radius:7px;justify-content:center;align-items:center;height:118px;font-size:11px;display:flex;overflow:hidden}.style-library-item-media img{object-fit:cover;width:100%;height:100%}.style-library-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.style-library-item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.characters-modal{--character-studio-bg-body:#161616;--character-studio-bg-canvas:#1a1a1a;--character-studio-bg-float:#242424;--character-studio-bg-float-rgb:36 36 36;--character-studio-bg-control:#1f1f1fd1;--character-studio-bg-control-muted:#303030b8;--character-studio-bg-loading:#242424e6;--character-studio-bg-overlay:#ffffff0f;--character-studio-bg-overlay-hover:#ffffff14;--character-studio-bg-overlay-active:#ffffff1a;--character-studio-border-l1:#ffffff14;--character-studio-border-l2:#ffffff1f;--character-studio-border-contrast:#ffffffe6;--character-studio-fg-rgb:255 255 255;--character-studio-text-default:#fff;--character-studio-text-secondary:#fff9;--character-studio-text-tertiary:#ffffff4d;--character-studio-text-inverse:#000;--character-studio-checker-base:#303030;--character-studio-checker-tile:#3a3a3a;--character-studio-icon-filter:invert(1);--character-studio-icon-inverse-filter:invert(0);--character-studio-menu-shadow:0 16px 24px -8px #0009, 0 4px 8px -4px #0006}@keyframes characterStudioScreenEnter{0%{opacity:0}to{opacity:1}}@keyframes characterStudioCreationMenuEnter{0%{opacity:0;translate:0 9px;scale:.97}to{opacity:1;translate:0;scale:1}}@keyframes characterStudioModelExit{0%{opacity:1;scale:1}to{opacity:0;scale:.985}}@keyframes characterStudioPortraitEnter{0%{opacity:0;translate:0 7px;scale:.975}to{opacity:1;translate:0;scale:1}}@keyframes characterStudioLeftPanelEnter{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes characterStudioRightPanelEnter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes characterStudioFooterEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes characterStudioSlotLabelSweep{0%{background-position:100% 0}to{background-position:0 0}}.characters-modal{animation:.3s cubic-bezier(.25,.46,.45,.94) both characterStudioScreenEnter}.characters-tabs{flex-shrink:0;align-items:center;gap:16px;height:40px;display:flex}.characters-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;font-weight:600;line-height:26px}.characters-tab.is-active{color:var(--text-main)}.characters-tab+.characters-tab{position:relative}.characters-tab+.characters-tab:before{content:"";background:var(--character-studio-border-l1);width:1px;height:12px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.characters-modal-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin-top:4px;display:flex}.characters-search{background:var(--character-studio-bg-overlay-active);min-width:0;max-width:260px;height:32px;color:var(--text-muted);border-radius:999px;flex:1;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.characters-search-input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:none;flex:1;font-size:13px;line-height:20px}.characters-search-input::placeholder{color:var(--text-muted)}.characters-search-clear{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.characters-search-clear:hover{background:var(--character-studio-bg-overlay-hover);color:var(--text-main)}.characters-view-toggle{background:var(--character-studio-bg-overlay);border-radius:999px;flex-shrink:0;align-items:center;gap:3px;height:32px;padding:0 3px;display:inline-flex}.characters-view-toggle button{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.characters-view-toggle button:hover{background:var(--canvas-controls-hover)}.characters-view-toggle button[aria-pressed=true]{color:var(--text-main)}.characters-toolbar-control{background:var(--canvas-controls-text);height:32px;color:var(--canvas-controls-bg);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:13px;line-height:20px;display:inline-flex}.characters-toolbar-select-all{min-width:0;color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.characters-toolbar-select-all span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.characters-toolbar-select-all input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.characters-toolbar-danger{color:#fff;white-space:nowrap;cursor:pointer;background:#f04b40;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:32px;margin-left:auto;padding:0 12px;font-size:13px;line-height:20px;display:inline-flex}.characters-toolbar-danger:hover{background:#d9443a}.characters-toolbar-danger:disabled,.characters-toolbar-control:disabled{opacity:.3;cursor:not-allowed}.characters-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:6px;min-height:0;margin-top:4px;padding:2px 0 4px;display:flex;overflow-y:auto}.characters-list-row{background:var(--character-studio-bg-overlay);cursor:pointer;border:.5px solid #0000;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:8px 10px 8px 38px;display:flex;position:relative}.characters-list-row:hover{background:var(--character-studio-bg-overlay-hover)}.characters-list-row.is-current{box-shadow:inset 0 0 0 1px var(--character-studio-border-l1)}.characters-list-row.is-selected{border-color:var(--character-studio-border-contrast);background:var(--character-studio-bg-overlay-hover)}.characters-list-row .panel-card-check{display:none;top:50%;left:10px;transform:translateY(-50%)}.characters-list-row:hover .panel-card-check,.characters-list-row:focus-within .panel-card-check,.characters-list.is-multi .panel-card-check{display:inline-grid}.characters-list-thumb{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:56px;display:flex;overflow:hidden}.characters-list-thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.characters-list-thumb-fallback{color:#9a9a9a;text-align:center;font-size:10px}.characters-list-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.characters-list-meta strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.characters-list-tags{gap:4px;min-width:0;display:inline-flex;overflow:hidden}.characters-list-delete,.characters-preview-delete{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.characters-list-delete:hover,.characters-preview-delete:hover{background:var(--character-studio-bg-overlay);color:var(--text-main)}.characters-list-delete:disabled,.characters-preview-delete:disabled{opacity:.3;cursor:not-allowed}.characters-preview-delete{margin-left:auto}.characters-confirm-backdrop{z-index:20;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.characters-confirm-dialog{border:1px solid var(--character-studio-border-l2);background:var(--character-studio-bg-float);width:min(420px,100% - 48px);color:var(--text-main);box-shadow:var(--character-studio-menu-shadow);border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex}.characters-confirm-dialog strong{font-size:15px;font-weight:600}.characters-confirm-dialog p{color:var(--text-muted);margin:0;font-size:13px;line-height:20px}.characters-confirm-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.characters-confirm-actions button{height:32px;color:var(--text-main);cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;padding:0 14px;font-size:13px}.characters-confirm-actions button:hover{background:var(--character-studio-bg-overlay-hover)}.characters-confirm-actions button.is-danger{color:#fff;background:#cb272d}.characters-confirm-actions button.is-danger:hover{background:#b0232a}.characters-confirm-actions button:disabled{opacity:.5;cursor:not-allowed}:root[data-mantine-color-scheme=light] .characters-search,:root[data-mantine-color-scheme=light] .characters-view-toggle,:root[data-mantine-color-scheme=light] .characters-list-row{background:#0000000a}:root[data-mantine-color-scheme=light] .characters-list-row:hover{background:#0000000f}:root[data-mantine-color-scheme=light] .characters-list-row.is-current{box-shadow:inset 0 0 0 1px #0000001f}:root[data-mantine-color-scheme=light] .characters-list-row.is-selected{background:#00000014;border-color:#0003}:root[data-mantine-color-scheme=light] .characters-confirm-dialog{background:#fff}:root[data-mantine-color-scheme=light] .characters-confirm-actions button{background:#00000014}.characters-modal-create-role{color:#f5f5f5;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:9999px;height:30px;margin-left:auto;margin-right:8px;padding:0 14px;font-size:13px;line-height:20px}.characters-modal-create-role:hover{background:#ffffff14}:root[data-mantine-color-scheme=light] .characters-modal-create-role{color:#171717;border-color:#00000024}:root[data-mantine-color-scheme=light] .characters-modal-create-role:hover{background:#0000000f}
.camera-move-backdrop{z-index:602;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-move-menu{box-sizing:border-box;border:.5px solid var(--border-hair-color);background:var(--canvas-controls-bg);width:800px;height:604px;box-shadow:var(--canvas-shadow-dropdown);color:var(--fg-default);border-radius:12px;flex-direction:column;display:flex}.camera-move-header{box-sizing:border-box;flex-shrink:0;align-items:center;gap:24px;height:44px;padding:12px 16px 0;display:flex}.camera-move-header-main{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.camera-move-tabs{align-items:center;gap:12px;height:32px;display:flex}.camera-move-tab{min-width:48px;height:32px;color:var(--fg-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.camera-move-tab:hover{color:var(--fg-default)}.camera-move-tab.is-active{background:var(--canvas-controls-hover);color:var(--fg-default)}.camera-move-search{box-sizing:border-box;background:var(--canvas-controls-hover);border:.5px solid #0000;border-radius:8px;align-items:center;gap:4px;width:336px;height:32px;padding:8px 4px 8px 16px;transition:border-color .15s;display:flex}.camera-move-search:focus-within{border-color:#0690ae}.camera-move-search-input{min-width:0;color:var(--fg-default);background:0 0;border:0;outline:none;flex:1;font-size:13px}.camera-move-search-input::placeholder{color:var(--canvas-controls-text-muted,#919191)}.camera-move-search-btn{width:24px;height:24px;color:var(--canvas-controls-text-muted,#919191);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.camera-move-search-btn:hover{background:var(--btn-ghost-bg-hover)}.camera-move-close{width:28px;height:28px;color:var(--fg-default);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.camera-move-close:hover{background:var(--btn-ghost-bg-hover)}.camera-move-divider{border-top:.5px solid var(--border-hair-color);flex-shrink:0;margin-top:12px}.camera-move-scroll{flex:1;min-height:0;overflow:hidden auto}.camera-move-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px 4px;padding:16px;display:grid}.camera-move-card{cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:0;display:flex}.camera-move-thumb{aspect-ratio:1;background:var(--color-neutral-700);border-radius:3px;width:100%;position:relative;overflow:hidden}.camera-move-thumb-action{color:#fff;opacity:0;background:#000000a6;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.camera-move-card:hover .camera-move-thumb-action{opacity:1}.camera-move-name{width:100%;height:17px;color:var(--fg-default);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:17px;display:block;overflow:hidden}
.effects-menu-backdrop{z-index:602;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.effects-menu-backdrop.is-exiting{opacity:0;pointer-events:none}.effects-menu{box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);width:1400px;height:841px;max-height:min(900px,100vh - 24px);box-shadow:var(--canvas-shadow-dropdown);color:var(--fg-default);border-radius:12px;flex-shrink:0;transition:opacity .2s,transform .2s;display:block;overflow:hidden}.effects-menu-body{flex-direction:column;gap:12px;height:100%;min-height:0;padding-top:12px;display:flex}.effects-menu-topbar{flex-shrink:0;align-items:center;gap:16px;height:40px;padding:0 16px;display:flex}.effects-menu-topbar-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.effects-menu-tabs{box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-hover);border-radius:12px;flex-shrink:0;align-items:center;gap:4px;height:40px;padding:4px;display:flex}.effects-menu-tab{min-width:48px;height:32px;color:var(--canvas-controls-text-muted,#919191);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:15px;transition:background-color .15s,color .15s;display:flex}.effects-menu-tab:hover{background:var(--btn-ghost-bg-hover)}.effects-menu-tab.is-active{background:var(--btn-ghost-bg-hover);color:var(--text-main)}.effects-menu-search{box-sizing:border-box;background:var(--canvas-controls-hover);border:.5px solid #0000;border-radius:8px;align-items:center;gap:4px;width:336px;height:40px;padding:8px 8px 8px 16px;transition:border-color .15s;display:flex}.effects-menu-search:focus-within{border-color:#0690ae}.effects-menu-search-input{min-width:0;color:var(--fg-default);background:0 0;border:0;outline:none;flex:1;font-size:13px}.effects-menu-search-input::placeholder{color:var(--canvas-controls-text-muted,#919191)}.effects-menu-search-btn{width:28px;height:28px;color:var(--canvas-controls-text-muted,#919191);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.effects-menu-search-btn:hover{background:var(--btn-ghost-bg-hover)}.effects-menu-topbar-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.effects-menu-icon-btn{width:40px;height:40px;color:var(--fg-default);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.effects-menu-icon-btn:hover{background:var(--btn-ghost-bg-hover)}.effects-menu-divider{background:var(--canvas-controls-border);flex-shrink:0;height:1px;margin:0}.effects-menu-chips{flex-shrink:0;align-items:center;gap:24px;height:28px;padding:0 16px;display:flex}.effects-menu-chips-scroll{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;height:100%;display:flex;overflow-x:auto}.effects-menu-chips-scroll::-webkit-scrollbar{display:none}.effects-menu-chips-tail{flex-shrink:0;align-items:center;gap:8px;display:flex}.effects-menu-chip{background:var(--canvas-controls-hover);min-width:48px;height:28px;color:var(--canvas-controls-text-muted,#919191);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 12px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.effects-menu-chip.is-active{background:var(--canvas-group-bg);color:var(--text-main)}.effects-menu-chip.is-tail{cursor:not-allowed;opacity:.7;gap:4px;min-width:0;padding:4px 8px}.effects-menu-chip-dot{font-size:10px}.effects-menu-chip-chevron{opacity:.5;flex-shrink:0;transform:rotate(180deg)}.effects-menu-scroll{flex:1;min-height:0;overflow:hidden auto}.effects-menu-grid{grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:12px;padding:0 16px 16px;display:grid}.effects-menu-card{box-sizing:border-box;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:4px;transition:background-color .15s;display:flex;position:relative}.effects-menu-card:hover{background:var(--canvas-controls-hover)}.effects-menu-media{aspect-ratio:1;background:var(--color-neutral-700);border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.effects-menu-media-top{justify-content:space-between;align-items:center;width:100%;padding:8px;display:flex;position:relative}.effects-menu-media-more{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#1f1f1f33;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s;display:flex}.effects-menu-card:hover .effects-menu-media-more{background:#000000a6}.effects-menu-media-add{color:#fff;opacity:0;background:#000000a6;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s,opacity .15s;display:flex}.effects-menu-media-add:hover{background:#000c}.effects-menu-card:hover .effects-menu-media-add{opacity:1}.effects-menu-media-shade{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset-inline:0}.effects-menu-media-shade.is-top{background:linear-gradient(#0003,#0000);height:48px;top:0}.effects-menu-media-shade.is-bottom{background:linear-gradient(#0000,#000000b3);height:64px;bottom:0}.effects-menu-card:hover .effects-menu-media-shade{opacity:1}.effects-menu-info{flex-direction:column;gap:4px;width:100%;padding:0 4px;display:flex}.effects-menu-name-row{align-items:center;gap:8px;width:100%;min-height:21px;display:flex}.effects-menu-name{min-width:0;color:var(--fg-default);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;line-height:1;overflow:hidden}.effects-menu-commercial{color:var(--canvas-controls-text-muted,#919191);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.effects-menu-author-row{align-items:center;gap:12px;width:100%;display:flex}.effects-menu-avatar{background:var(--color-neutral-700);border-radius:9999px;flex-shrink:0;width:16px;height:16px}.effects-menu-author{color:#a8a8a8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.effects-menu-usage{color:var(--canvas-controls-text-muted,#919191);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}
.effects-library-backdrop{z-index:602;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.effects-library-backdrop.is-exiting{opacity:0;pointer-events:none}.effects-library{box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);width:min(100vw - 200px,1600px);height:min(100vh - 160px,1200px);box-shadow:var(--canvas-shadow-dropdown);color:var(--fg-default);border-radius:12px;flex-direction:column;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}.effects-library:focus,.effects-library:focus-visible{outline:none}.effects-library.is-compact{width:810px;height:657px}.effects-library.is-exiting{opacity:0;transform:scale(.985)}.effects-library-head{flex-shrink:0;align-items:center;gap:24px;padding:12px 16px 0;display:flex}.effects-library-tabs{flex-shrink:0;align-items:center;gap:4px;display:flex}.effects-library-tab{white-space:nowrap;min-width:48px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;transition:color .15s,background-color .15s;display:flex}.effects-library-tab:hover{color:var(--fg-default)}.effects-library-tab.is-active{background:var(--control-hover,#ffffff1a);color:var(--fg-default)}.effects-library-search{background:#ffffff0f;border-radius:8px;flex-shrink:0;align-items:center;width:336px;height:32px;display:flex;position:relative}.effects-library-search-input{width:100%;height:100%;color:var(--fg-default);background:0 0;border:0;outline:0;padding:0 36px 0 10px;font-size:13px}.effects-library-search-input::placeholder{color:var(--fg-muted)}.effects-library-search-btn{width:26px;height:26px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:4px}.effects-library-head-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.effects-library-icon-btn{width:40px;height:40px;color:var(--fg-default);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.effects-library.is-compact .effects-library-icon-btn{width:28px;height:28px}.effects-library-icon-btn:hover{background:var(--control-hover,#ffffff1a)}.effects-library-divider{background:var(--border-default);flex-shrink:0;height:1px;margin:12px 0 0}.effects-library-filterbar{flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}.effects-library-chip{height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.effects-library-chip.is-active{background:var(--control-hover,#ffffff1a);color:var(--fg-default)}.effects-library-scroll{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.effects-library-state{min-height:200px;color:var(--fg-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.effects-library-spinner{color:var(--fg-muted);animation:1s linear infinite effects-library-spin}@keyframes effects-library-spin{to{transform:rotate(360deg)}}.effects-library-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;display:grid}.effects-library-card-wrap{min-width:0}.effects-library-card{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.effects-library-cover{aspect-ratio:1;background:#ffffff0a;border:1px solid #0000;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.effects-library-card.is-in-use .effects-library-cover{background:#00000080;border-color:#fff}.effects-library-cover-media{object-fit:cover;width:100%;height:100%;display:block}.effects-library-cover-placeholder{width:100%;height:100%;color:var(--fg-muted);place-items:center;display:grid}.effects-library-cover-shade{opacity:0;background:linear-gradient(#0000,#000000b3);height:56px;transition:opacity .2s;position:absolute;inset:auto 0 0}.effects-library-card:hover .effects-library-cover-shade{opacity:1}.effects-library-favorite{color:#fff;cursor:pointer;opacity:0;background:#000000a6;border:0;border-radius:8px;place-items:center;width:24px;height:24px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.effects-library-card:hover .effects-library-favorite,.effects-library-favorite.is-active{opacity:1}.effects-library-favorite.is-active{color:#facc15}.effects-library-favorite.is-pending{cursor:wait;opacity:.6}.effects-library-in-use{color:#141414;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;line-height:18px;display:inline-flex;position:absolute;bottom:8px;left:8px}.effects-library-info{flex-direction:column;gap:2px;padding:6px 4px 0;display:flex}.effects-library-name-row{align-items:center;gap:6px;min-width:0;display:flex}.effects-library-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-default);flex:1;font-size:14px;font-weight:500;overflow:hidden}.effects-library-commercial-badge{color:#919191;flex-shrink:0;align-items:center;gap:2px;font-size:12px;display:inline-flex}.effects-library-author-row{color:#a8a8a8;align-items:center;gap:4px;min-width:0;font-size:12px;display:flex}.effects-library-avatar{background:#ffffff14;border-radius:999px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid;overflow:hidden}.effects-library-avatar img{object-fit:cover;width:100%;height:100%}.effects-library-author{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.effects-library-usage{font-variant-numeric:tabular-nums;flex-shrink:0}.effects-library-feed-foot{height:40px;color:var(--fg-muted);justify-content:center;align-items:center;font-size:12px;display:flex}:root[data-mantine-color-scheme=light] .effects-library-backdrop{background:#00000073}:root[data-mantine-color-scheme=light] .effects-library-search{background:#0000000a}:root[data-mantine-color-scheme=light] .effects-library-tab.is-active,:root[data-mantine-color-scheme=light] .effects-library-chip.is-active{background:#0000000f}:root[data-mantine-color-scheme=light] .effects-library-cover{background:#0000000a}:root[data-mantine-color-scheme=light] .effects-library-avatar{background:#0000000f}.canvas-node.node-material-lens{width:242px}.node-lens-card{border:1px solid var(--node-border-idle);background:var(--ui-surface-node);border-radius:12px;width:242px;height:242px;position:relative;overflow:hidden}.node-lens-cover{object-fit:cover;width:100%;height:100%;display:block}.node-lens-empty{width:100%;height:100%;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.node-lens-replace{color:#fff;cursor:pointer;opacity:0;background:#000000a6;border:0;border-radius:8px;place-items:center;width:24px;height:24px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.node-lens-card:hover .node-lens-replace{opacity:1}.effects-library-model{align-items:center;margin-left:auto;display:inline-flex;position:relative}.effects-library-model-trigger{height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:13px;transition:color .15s,background-color .15s;display:inline-flex}.effects-library-model-trigger:hover{background:var(--control-hover,#ffffff1a);color:var(--fg-default)}.effects-library-model-menu{z-index:20;border:1px solid var(--canvas-controls-border);background:var(--panel-background,#262626);min-width:180px;box-shadow:var(--canvas-shadow-menu);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.effects-library-model-item{height:32px;color:var(--fg-default);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:13px;display:flex}.effects-library-model-item:hover{background:var(--control-hover,#ffffff14)}.effects-library-model-item.is-active{background:var(--control-hover,#ffffff1a)}:root[data-mantine-color-scheme=light] .effects-library-model-menu{background:#fff}
.style-library-backdrop{z-index:602;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.style-library-backdrop.is-exiting{opacity:0;pointer-events:none}.style-library{box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);width:min(100vw - 200px,1600px);height:min(100vh - 160px,1200px);box-shadow:var(--canvas-shadow-dropdown);color:var(--fg-default);border-radius:12px;flex-direction:column;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}.style-library:focus,.style-library:focus-visible{outline:none}.style-library.is-compact{width:810px;height:657px}.style-library.is-exiting{opacity:0;transform:scale(.985)}.style-library-head{flex-shrink:0;align-items:center;gap:24px;padding:12px 16px 0;display:flex}.style-library-tabs{flex-shrink:0;align-items:center;gap:4px;display:flex}.style-library-tab{white-space:nowrap;min-width:48px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;transition:color .15s,background-color .15s;display:flex}.style-library-tab:hover{color:var(--fg-default)}.style-library-tab.is-active{background:var(--control-hover,#ffffff1a);color:var(--fg-default)}.style-library-search{background:#ffffff0f;border-radius:8px;flex-shrink:0;align-items:center;width:336px;height:32px;display:flex;position:relative}.style-library-search-input{width:100%;height:100%;color:var(--fg-default);background:0 0;border:0;outline:0;padding:0 36px 0 10px;font-size:13px}.style-library-search-input::placeholder{color:var(--fg-muted)}.style-library-search-btn{width:26px;height:26px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:4px}.style-library-head-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.style-library-icon-btn{width:40px;height:40px;color:var(--fg-default);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.style-library.is-compact .style-library-icon-btn{width:28px;height:28px}.style-library-icon-btn:hover{background:var(--control-hover,#ffffff1a)}.style-library-divider{background:var(--border-default);flex-shrink:0;height:1px;margin:12px 0 0}.style-library-filterbar{flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}.style-library-chip{height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.style-library-chip.is-active{background:var(--control-hover,#ffffff1a);color:var(--fg-default)}.style-library-filter-end{align-items:center;gap:8px;margin-left:auto;display:flex}.style-library-commercial{color:#919191;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.style-library-commercial-box{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.style-library-model{align-items:center;display:inline-flex;position:relative}.style-library-model-trigger.is-locked{color:#919191;opacity:.7;cursor:default}.style-library-model-trigger{height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:13px;transition:color .15s,background-color .15s;display:inline-flex}.style-library-model-trigger:hover{background:var(--control-hover,#ffffff1a);color:var(--fg-default)}.style-library-model-menu{z-index:20;border:1px solid var(--canvas-controls-border);background:var(--panel-background,#262626);min-width:180px;box-shadow:var(--canvas-shadow-menu);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.style-library-model-item{height:32px;color:var(--fg-default);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:13px;display:flex}.style-library-model-item:hover{background:var(--control-hover,#ffffff14)}.style-library-model-item.is-active{background:var(--control-hover,#ffffff1a)}.style-library-scroll{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.style-library-state{min-height:200px;color:var(--fg-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.style-library-spinner{color:var(--fg-muted);animation:1s linear infinite style-library-spin}@keyframes style-library-spin{to{transform:rotate(360deg)}}.style-library-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;display:grid}.style-library-card-wrap{min-width:0}.style-library-card{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.style-library-cover{aspect-ratio:178/238;background:#ffffff0a;border:1px solid #0000;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.style-library-card.is-in-use .style-library-cover{background:#00000080;border-color:#fff}.style-library-cover-media{object-fit:cover;width:100%;height:100%;display:block}.style-library-cover-placeholder{width:100%;height:100%;color:var(--fg-muted);place-items:center;display:grid}.style-library-cover-shade{opacity:0;background:linear-gradient(#0000,#000000b3);height:56px;transition:opacity .2s;position:absolute;inset:auto 0 0}.style-library-card:hover .style-library-cover-shade{opacity:1}.style-library-model-chip-wrap{z-index:2;position:absolute;top:8px;left:8px}.style-library-model-chip{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;cursor:pointer;background:#1f1f1f33;border:0;border-radius:8px;align-items:center;max-width:24px;height:24px;padding:0;transition:max-width .15s,background-color .15s;display:flex;position:absolute;top:8px;left:8px;overflow:hidden}.style-library-model-chip.is-multi{flex-shrink:0;justify-content:center;max-width:none;position:static}.style-library-card:hover .style-library-model-chip{background:#000000a6;max-width:140px}.style-library-model-chip-icon{flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.style-library-model-chip-icon img{object-fit:contain;width:14px;height:14px}.style-library-model-chip-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;opacity:0;max-width:0;padding-right:0;font-size:12px;line-height:1;transition:max-width .15s,opacity .15s,padding .15s;overflow:hidden}.style-library-card:hover .style-library-model-chip-name{opacity:1;max-width:112px;padding-right:8px}.style-library-model-chip-spacer{width:24px;height:24px;display:block;position:absolute;top:8px;left:8px}.style-library-model-chip-menu{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:max-content;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.style-library-model-chip-menu-title{color:#fff9;padding:4px 8px;font-size:11px}.style-library-model-chip-menu-item{border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.style-library-model-chip-menu-item:hover{background:#ffffff1a}.style-library-model-chip-menu-name{color:#fff;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.style-library-model-chip-menu-name img{object-fit:contain;flex-shrink:0;width:14px;height:14px}.style-library-model-chip-menu-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.style-library-model-chip-menu-check{color:#fff;flex-shrink:0;place-items:center;display:grid}.style-library-favorite{color:#fff;cursor:pointer;opacity:0;background:#000000a6;border:0;border-radius:8px;place-items:center;width:24px;height:24px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.style-library-card:hover .style-library-favorite,.style-library-favorite.is-active{opacity:1}.style-library-favorite.is-active{color:#facc15}.style-library-favorite.is-pending{cursor:wait;opacity:.6}.style-library-details{color:#fff;cursor:pointer;opacity:0;background:#000000a6;border:0;border-radius:8px;place-items:center;width:24px;height:24px;transition:opacity .15s,background-color .15s;display:grid;position:absolute;bottom:8px;right:8px}.style-library-card:hover .style-library-details{opacity:1}.style-library-details:hover{background:#000c}.style-library-in-use{color:#141414;background:#fff;border-radius:8px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:12px;display:inline-flex;position:absolute;bottom:8px;left:8px}.style-library-info{flex-direction:column;gap:2px;padding:6px 4px 0;display:flex}.style-library-name-row{align-items:center;gap:6px;min-width:0;display:flex}.style-library-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-default);flex:1;font-size:14px;font-weight:500;overflow:hidden}.style-library-commercial-badge{color:#919191;flex-shrink:0;align-items:center;gap:2px;font-size:12px;display:inline-flex}.style-library-author-row{color:#a8a8a8;align-items:center;gap:4px;min-width:0;font-size:12px;display:flex}.style-library-avatar{background:#ffffff14;border-radius:999px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid;overflow:hidden}.style-library-avatar img{object-fit:cover;width:100%;height:100%}.style-library-author{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.style-library-usage{font-variant-numeric:tabular-nums;flex-shrink:0}.style-library-feed-foot{height:40px;color:var(--fg-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.style-detail-backdrop{z-index:610;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.style-detail{box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--panel-background);max-width:calc(100vw - 32px);color:var(--fg-default);border-radius:16px;flex-direction:column;gap:12px;padding:12px 0 24px;display:flex;overflow:hidden}.style-detail:focus,.style-detail:focus-visible{outline:none}.style-detail-head{justify-content:space-between;align-items:center;width:100%;padding:0 16px;display:flex}.style-detail-head-title{color:var(--fg-default);font-size:14px;font-weight:500}.style-detail-min-btn{width:24px;height:24px;color:var(--fg-default);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.style-detail-min-btn:hover{background:var(--control-hover,#ffffff1a)}.style-detail-body{align-items:flex-start;gap:16px;padding:0 16px;display:flex}.style-detail-media{flex-shrink:0;align-items:flex-start;gap:16px;display:flex}.style-detail-media-item{background:var(--bg-surface-secondary);border-radius:8px;overflow:hidden}.style-detail-media-item img,.style-detail-media-item video{object-fit:cover;width:100%;height:100%;display:block}.style-detail-side{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-start;width:250px;display:flex}.style-detail-info{flex-direction:column;gap:16px;width:100%;display:flex}.style-detail-title-row{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.style-detail-name-block{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.style-detail-name{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--fg-default);margin:0;font-size:16px;font-weight:500;overflow:hidden}.style-detail-author-row{align-items:center;gap:4px;display:flex}.style-detail-avatar{background:var(--bg-surface-secondary);border-radius:999px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid;overflow:hidden}.style-detail-avatar img{object-fit:cover;width:100%;height:100%}.style-detail-author{text-overflow:ellipsis;white-space:nowrap;color:#919191;font-size:14px;overflow:hidden}.style-detail-badge{background:var(--control-hover,#ffffff1a);height:24px;color:var(--fg-default);border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.style-detail-divider{background:var(--Stroke-Light,var(--border-default));width:100%;height:1px}.style-detail-section{flex-direction:column;gap:8px;width:100%;display:flex}.style-detail-section-label{color:var(--fg-default);margin:0;font-size:12px}.style-detail-option{background:var(--canvas-controls-hover);border-radius:8px;align-items:center;gap:4px;height:32px;padding:4px 8px;display:flex;overflow:hidden}.style-detail-option-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.style-detail-option-glyph{color:var(--fg-default);flex-shrink:0}.style-detail-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-default);font-size:13px;overflow:hidden}.style-detail-option-empty{color:var(--fg-muted);font-size:12px}.style-detail-actions{align-items:center;gap:8px;width:100%;margin-top:16px;display:flex}.style-detail-btn{cursor:pointer;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:13px;display:flex}.style-detail-btn-favorite{background:var(--canvas-controls-hover);color:var(--fg-default)}.style-detail-btn-favorite:hover{background:var(--btn-ghost-bg-hover,var(--control-hover))}.style-detail-btn-use{background:var(--btn-invert-bg);color:var(--btn-invert-text)}.style-detail-btn-use:hover{background:var(--btn-invert-bg-hover,var(--btn-invert-bg))}:root[data-mantine-color-scheme=light] .style-library-backdrop{background:#00000073}:root[data-mantine-color-scheme=light] .style-library-search{background:#0000000a}:root[data-mantine-color-scheme=light] .style-library-tab.is-active,:root[data-mantine-color-scheme=light] .style-library-chip.is-active{background:#0000000f}:root[data-mantine-color-scheme=light] .style-library-cover{background:#0000000a}:root[data-mantine-color-scheme=light] .style-library-avatar{background:#0000000f}:root[data-mantine-color-scheme=light] .style-library-model-menu{background:#fff}.canvas-node.node-material-style{width:242px}.node-style-card{border:1px solid var(--node-border-idle);background:var(--ui-surface-node);border-radius:12px;width:242px;height:242px;position:relative;overflow:hidden}.node-style-cover{object-fit:cover;width:100%;height:100%;display:block}.node-style-empty{width:100%;height:100%;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.node-style-replace{color:#fff;cursor:pointer;opacity:0;background:#000000a6;border:0;border-radius:8px;place-items:center;width:24px;height:24px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.node-style-card:hover .node-style-replace{opacity:1}
.shortcut-panel-backdrop{z-index:60;pointer-events:auto;justify-content:center;align-items:flex-end;padding:0 18px 73px;display:flex;position:absolute;inset:0}.shortcut-panel-backdrop.is-closing{pointer-events:none}.shortcut-panel{border:.5px solid var(--canvas-controls-border);background:color-mix(in srgb, var(--canvas-controls-bg) 95%, transparent);width:min(1152px,100vw - 1.5rem);max-height:min(80vh,520px);box-shadow:var(--canvas-shadow-dropdown);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-main);transform-origin:50%;will-change:transform, opacity;border-radius:16px;padding:24px;animation:.22s cubic-bezier(.16,.9,.22,1) both shortcutPanelEnter;position:relative}.shortcut-panel-backdrop.is-closing .shortcut-panel{animation:.18s cubic-bezier(.55,0,.9,.42) both shortcutPanelExit}.shortcut-panel-header{z-index:1;position:absolute;top:14px;right:14px}.shortcut-panel-close{width:28px;height:28px;color:var(--fg-default);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background-color .16s,color .16s;display:flex}.shortcut-panel-close:hover{background:var(--canvas-controls-hover);color:var(--fg-default)}.shortcut-panel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 48px;display:grid;overflow:visible}.shortcut-section{min-width:0}.shortcut-section h3{color:#09caf5;margin:0 0 19px;font-size:14px;font-weight:500;line-height:20px}.shortcut-list{flex-direction:column;gap:11.875px;display:flex}.shortcut-row{grid-template-columns:minmax(76px,1fr) auto;align-items:center;gap:14px;min-height:28px;display:grid}.shortcut-row.is-pending{opacity:.78}.shortcut-label{min-width:0;color:var(--canvas-controls-text-muted);font-size:14px;line-height:20px}.shortcut-keys{min-width:0;color:var(--ui-panel-text);white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.shortcut-token{border:.5px solid var(--canvas-controls-border);min-width:28px;height:28px;color:var(--ui-panel-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;display:inline-flex}.shortcut-token-icon{width:28px;color:var(--canvas-controls-icon,#ffffffbd);padding:0}.shortcut-token-icon svg{flex:none}.shortcut-token-icon.is-unframed{width:auto;min-width:24px;height:28px;color:var(--canvas-controls-icon,#ffffffbd);justify-content:center;align-items:center;display:inline-flex}.shortcut-token-icon.is-unframed svg{flex:none}.shortcut-inline-text{color:var(--ui-panel-text);font-size:14px}@media (max-width:980px){.shortcut-panel-backdrop{align-items:center;padding:18px}.shortcut-panel{width:min(720px,100vw - 36px);max-height:calc(100vh - 36px);padding:22px;overflow-y:auto}.shortcut-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.shortcut-panel-grid{grid-template-columns:1fr}.shortcut-section+.shortcut-section:before{display:none}.shortcut-section{border-bottom:1px solid #ffffff14;border-right:0;padding-bottom:20px;padding-right:0}.shortcut-section:last-child{border-bottom:0;padding-bottom:0}}@keyframes shortcutPanelEnter{0%{opacity:0;transform:translateY(34px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes shortcutPanelExit{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(34px)scale(.985)}}@media (prefers-reduced-motion:reduce){.shortcut-panel,.shortcut-panel-backdrop.is-closing .shortcut-panel{animation-duration:1ms}}.shortcut-section{position:relative}.shortcut-section+.shortcut-section:before{content:"";background:var(--canvas-controls-border);width:1px;position:absolute;top:0;bottom:0;left:-24px}.shortcut-panel:after{content:"";background:color-mix(in srgb, var(--canvas-controls-bg) 95%, transparent);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;width:16px;height:10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}
:root{--toast-z:700;--toast-top:max(24px, env(safe-area-inset-top,0px));--toast-height:42px;--toast-min-width:0px;--toast-radius:12px;--toast-gap:9px;--toast-pad-x:18px;--toast-pad-x-compact:12px;--toast-max-width:calc(100vw - 32px);--toast-icon-size:20px;--toast-bg:#1f1f1ff2;--toast-border:.5px solid #ffffff1f;--toast-fg:#ffffffe6;--toast-shadow:var(--shadow-panel);--toast-blur:20px;--toast-font-size:14px;--toast-font-weight:580;--toast-tone-warning:#ffc56b;--toast-tone-warning-glow:#ffc56b3d;--toast-tone-success:#09caf5;--toast-tone-success-glow:color-mix(in srgb, var(--accent) 24%, transparent);--toast-tone-error:#f76560;--toast-tone-error-glow:#f765603d;--toast-animation:canvasToastIn .22s cubic-bezier(.16, .9, .22, 1) both}@keyframes canvasToastIn{0%{opacity:0;transform:translate(-50%,-8px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){:root{--toast-animation:none}}.canvas-toast{top:var(--toast-top);z-index:var(--toast-z);box-sizing:border-box;width:max-content;min-width:var(--toast-min-width);height:var(--toast-height);max-width:var(--toast-max-width);align-items:center;gap:var(--toast-gap);padding:0 var(--toast-pad-x);border:var(--toast-border);border-radius:var(--toast-radius);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--toast-shadow);pointer-events:auto;-webkit-backdrop-filter:blur(var(--toast-blur));backdrop-filter:blur(var(--toast-blur));animation:var(--toast-animation);white-space:nowrap;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.canvas-toast>svg{width:var(--toast-icon-size);height:var(--toast-icon-size);flex:0 0 var(--toast-icon-size)}.canvas-toast.is-warning>svg{color:var(--toast-tone-warning);filter:drop-shadow(0 0 8px var(--toast-tone-warning-glow))}.canvas-toast.is-success>svg{color:var(--toast-tone-success);filter:drop-shadow(0 0 8px var(--toast-tone-success-glow))}.canvas-toast.is-error>svg{color:var(--toast-tone-error);filter:drop-shadow(0 0 8px var(--toast-tone-error-glow))}.canvas-toast__message{font-size:var(--toast-font-size);font-weight:var(--toast-font-weight);line-height:1}.canvas-toast.is-multiline{height:auto;min-height:var(--toast-height);white-space:normal;padding-top:10px;padding-bottom:10px}.canvas-toast.is-multiline .canvas-toast__message{line-height:1.4}
.canvas-return-nodes-toast-wrapper{right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:none;justify-content:center;align-items:center;padding:0 12px;display:flex;position:absolute;left:0}.canvas-return-nodes-toast{box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);max-width:100%;color:var(--canvas-controls-text);box-shadow:var(--canvas-shadow-panel);pointer-events:auto;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:.2s both returnNodesToastIn;display:flex}.canvas-reference-limit-toast svg{color:#ffc56b;filter:drop-shadow(0 0 8px #ffc56b3d);flex:none}.canvas-reference-limit-toast{white-space:normal;width:max-content;max-width:calc(100vw - 32px);height:auto;min-height:42px}.canvas-reference-limit-toast span{line-height:1.4}.canvas-task-success-toast span{font-size:var(--toast-font-size);font-weight:var(--toast-font-weight);line-height:1}.canvas-task-success-toast button{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);background:color-mix(in srgb, var(--accent) 13%, transparent);color:#e0fcfff2;cursor:pointer;border-radius:8px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.canvas-task-success-toast button:hover{border-color:color-mix(in srgb, var(--accent) 52%, transparent);background:color-mix(in srgb, var(--accent) 20%, transparent);color:#fff}.canvas-task-success-toast button svg{filter:none}.canvas-task-success-toast button span{font-size:12px;font-weight:650}@keyframes taskSuccessToastIn{0%{opacity:0;transform:translate(-50%,-8px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}.canvas-return-nodes-toast span{min-width:0;color:var(--canvas-controls-text);text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}.canvas-return-nodes-toast button{background:var(--canvas-controls-hover);height:32px;color:var(--canvas-controls-text);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:500;transition:filter .18s}.canvas-return-nodes-toast button:hover{filter:brightness(1.1)}.canvas-return-nodes-toast .canvas-return-nodes-toast-close{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:28px;font-weight:300;line-height:24px;display:flex}.canvas-return-nodes-toast .canvas-return-nodes-toast-close span{font-size:28px;font-weight:300;line-height:20px;overflow:visible}@keyframes returnNodesToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.canvas-return-nodes-toast{width:max-content}}.canvas-notice-toast{padding-right:var(--toast-pad-x-compact)}.canvas-notice-toast__icon{color:var(--toast-fg);flex:none;place-items:center;display:grid}.canvas-notice-toast.is-warning .canvas-notice-toast__icon{color:var(--toast-tone-warning);filter:drop-shadow(0 0 8px var(--toast-tone-warning-glow))}.canvas-notice-toast.is-success .canvas-notice-toast__icon{color:var(--toast-tone-success);filter:drop-shadow(0 0 8px var(--toast-tone-success-glow))}.canvas-notice-toast.is-error .canvas-notice-toast__icon{color:var(--toast-tone-error);filter:drop-shadow(0 0 8px var(--toast-tone-error-glow))}.canvas-notice-toast>button{height:22px;color:inherit;cursor:pointer;opacity:.72;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.canvas-notice-toast>button:hover{opacity:1}.canvas-notice-toast>button svg{width:16px;height:16px}.canvas-notice-toast__message{overflow-wrap:anywhere;min-width:0;font-size:var(--toast-font-size);font-weight:var(--toast-font-weight);color:inherit;line-height:1.4}@media (max-width:520px){.canvas-notice-toast{width:calc(100vw - 32px);height:auto;min-height:var(--toast-height);white-space:normal;padding-top:10px;padding-bottom:10px}}
.node-picker-backdrop{z-index:50;pointer-events:auto;position:absolute;inset:0}.node-picker-backdrop-toolbar,.node-picker-backdrop.is-exiting{pointer-events:none}.node-picker-anchor{z-index:var(--z-panel,400);position:absolute}.node-picker{z-index:auto;pointer-events:auto;border:var(--ui-border-floating);background:var(--panel-background);width:240px;box-shadow:var(--ui-shadow-menu);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);transform-origin:50%;border-radius:16px;flex-direction:column;padding:8px;display:flex;position:static;inset:auto}.node-picker-header{justify-content:space-between;align-items:center;width:100%;padding:8px 8px 4px;display:flex}.node-picker h4{color:#fff;opacity:.3;flex:auto;align-items:center;min-width:0;margin:0;padding:0;font-size:12px;font-weight:500;line-height:18px;display:flex}.node-picker-search{width:24px;height:24px;color:var(--canvas-controls-icon,#ffffffd9);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.node-picker-search:hover{background:var(--canvas-controls-hover,#ffffff1a)}.node-template-list{gap:0;display:grid}.node-template-list button,.panel-list button{color:#fff;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;display:flex}.node-template-list button{cursor:pointer;height:52px;padding:9px 8px}.node-template-list button:hover,.panel-list button:hover{background:#ffffff14}.template-icon{color:#f4f4f4;background:#ffffff14;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.template-content{flex:1;height:100%;overflow:hidden}.template-text{flex-direction:column;justify-content:flex-start;height:100%;transition:translate .2s;display:flex;overflow:hidden;translate:0 7px}.node-template-list strong,.node-template-list small,.panel-list span,.panel-list small{display:block}.node-template-list strong,.panel-list span{font-size:14px}.node-template-list strong{align-items:center;gap:6px;min-width:0;font-weight:500;line-height:20px;display:flex}.node-template-list small,.panel-list small{color:var(--text-main);opacity:0;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:16px;transition:opacity .2s;overflow:hidden}.node-template-list button:hover small{opacity:.6}.panel-list{gap:6px;display:grid}.panel-list button{justify-content:space-between;padding:12px}.node-picker{width:220px;box-shadow:var(--canvas-shadow-menu);gap:normal;padding:6px}.node-template-list button{border-radius:10px;gap:4px;height:36px;padding:0 8px;transition:none}.template-icon{background:#ffffff12;border-radius:6px;width:24px;height:24px}.template-content,.template-text{flex-direction:row;align-items:center;translate:none}.node-template-list button:hover .template-text{translate:none}.node-template-list small{display:none}.node-template-list strong{font-size:14px;font-weight:400;line-height:22px}.canvas-context-menu{z-index:90;border:.5px solid var(--shell-hairline);border-radius:var(--ui-radius-panel);background:var(--ui-surface-node);width:196px;box-shadow:var(--ui-shadow-menu);flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed}.canvas-context-menu__item{border-radius:var(--ui-radius-element);width:100%;height:32px;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:13px;transition:background .15s;display:flex}.canvas-context-menu__item:hover:not(:disabled){background:var(--control-hover)}.canvas-context-menu__item:disabled,.canvas-context-menu__item.is-disabled{color:var(--text-faint);cursor:default}.canvas-context-menu__shortcut{color:var(--text-faint);font-size:12px}.canvas-context-menu__label{align-items:center;display:flex}.canvas-context-menu__help{cursor:default;align-items:center;margin-left:4px;display:inline-flex;position:relative}.canvas-context-menu__help-icon{color:var(--ui-panel-text);opacity:.35;align-items:center;display:inline-flex}.canvas-context-menu__help:before{z-index:400;box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);width:max-content;max-width:min(320px,100vw - 24px);color:var(--ui-panel-text);content:attr(data-help);text-align:left;pointer-events:none;border-radius:12px;padding:12px;font-size:12px;font-weight:400;line-height:20px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000040,0 2px 4px #0000004d}.canvas-context-menu__help:hover:before{display:block}.canvas-context-menu__help.canvas-context-menu__help--rich:before{display:none}.context-menu-tooltip{z-index:400;box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);box-shadow:var(--canvas-shadow-dropdown);color:var(--canvas-controls-text);text-align:left;pointer-events:none;border-radius:12px;padding:12px;font-size:12px;font-weight:400;line-height:20px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.context-menu-tooltip--fit{width:max-content;max-width:min(320px,100vw - 24px)}.context-menu-tooltip--wide{width:264px;max-width:min(264px,100vw - 24px)}.canvas-context-menu__help:hover .context-menu-tooltip{display:block}.context-menu-tooltip__title{margin-bottom:8px;font-size:14px;font-weight:500}.context-menu-tooltip__list{row-gap:4px;margin:0;padding-left:0;list-style-position:outside;display:grid}.context-menu-tooltip__row{line-height:22px}.context-menu-tooltip__label{font-weight:600}.canvas-context-menu__rating{cursor:default}.canvas-context-menu__item.canvas-context-menu__rating:hover{background:0 0}.canvas-context-menu__stars{flex-shrink:0;align-items:center;gap:2px;display:flex}.canvas-context-menu__star{color:var(--ui-panel-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:flex}.canvas-context-menu__star svg{opacity:.2}.canvas-context-menu__star[data-active=true] svg{opacity:1;color:var(--canvas-rating-star-active)}.canvas-context-menu__divider{background:var(--shell-hairline);height:.5px;margin:0 8px}.node-template-list strong{align-items:center;gap:6px;display:flex}.template-badge{white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;height:16px;padding:0 4px;font-size:11px;font-style:normal;font-weight:400;line-height:16px;display:inline-flex}.template-badge.is-neutral{color:#fff;background:#ffffff1a}.template-badge.is-brand{color:#5ddcff;background:#3cb5cc40}.template-badge-marker{color:#ffc65d;flex-shrink:0;align-items:center;display:inline-flex}.template-submenu-arrow{color:#fff;flex-shrink:0;align-items:center;margin-left:auto;display:inline-flex}.node-picker-submenu{pointer-events:auto;z-index:calc(var(--z-panel,100) + 2);border:1px solid var(--canvas-controls-border);background:var(--panel-background);width:max-content;min-width:220px;box-shadow:var(--canvas-shadow-menu);border-radius:16px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed}.node-picker-submenu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;height:36px;padding:0 8px;font-size:14px;transition:background .12s;display:flex}.node-picker-submenu button:hover{background:#ffffff0f}.node-template-list button.node-picker-connection-option{border-radius:8px;gap:6px;height:32px;padding:0 8px;font-size:13px}.node-template-list button.node-picker-connection-option.is-disabled{opacity:.3;cursor:default}.canvas-delete-policy-overlay{z-index:1300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.canvas-delete-policy{color:#ffffffeb;background:#262626;border:1px solid #363636;border-radius:12px;flex-direction:column;gap:8px;width:420px;max-width:calc(100vw - 32px);padding:16px;display:flex}.canvas-delete-policy__title{font-size:14px;font-weight:500;line-height:22px}.canvas-delete-policy__message{color:#ffffffb3;margin:0;font-size:13px;line-height:20px}.canvas-delete-policy__actions{justify-content:flex-end;gap:8px;display:flex}.canvas-delete-policy__actions>button{height:32px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;padding:0 14px;font-size:13px}.canvas-delete-policy__actions>button.is-danger{color:#fff;background:#cb272d;border-color:#0000}
.side-panel{z-index:40;box-sizing:border-box;border:.5px solid var(--canvas-controls-border);background:var(--panel-background);width:480px;height:460px;box-shadow:var(--ui-shadow-panel);color:var(--fg-default);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px;position:absolute;top:calc(50% - 163.5px);left:84px;overflow:hidden;transform:none}.side-panel-presence{opacity:1;transition:opacity .25s,transform .25s}.side-panel-presence.is-exiting{opacity:0;pointer-events:none;transform:translate(-16px)}.side-panel-header{justify-content:space-between;align-items:center;gap:12px;height:28px;padding:0;display:flex}.toolbox-anchor{z-index:20;position:fixed}.side-panel.side-panel-toolbox{z-index:auto;box-shadow:var(--canvas-shadow-dropdown);color:var(--fg-default);flex-direction:column;padding:0 0 12px;display:flex;position:static;inset:auto}.side-panel-toolbox .side-panel-header{height:40px;padding:12px 16px 0}.side-panel-toolbox h2{font-size:14px;font-weight:500;line-height:20px}.side-panel-toolbox .side-panel-info{width:16px;height:16px}.side-panel-toolbox .side-panel-close{border-radius:6px;width:24px;height:24px}.side-panel-title-row{align-items:center;display:inline-flex}.side-panel h2{margin:0;font-size:13px;font-weight:650;line-height:1}.side-panel-info,.side-panel-close{color:#ffffff85;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.side-panel-info{width:18px;height:18px;margin-left:6px}.side-panel-close{border-radius:var(--ui-radius-element);width:28px;height:28px}.side-panel-close:hover,.side-panel-info:hover{color:#fff;background:#ffffff14}.panel-header-actions{align-items:center;gap:6px;display:inline-flex}.panel-expand-button,.panel-window-button{border:.5px solid var(--canvas-controls-border);background:var(--canvas-controls-active);width:30px;height:30px;color:var(--fg-default);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:inline-grid;box-shadow:0 8px 18px #00000038}.panel-expand-button:hover,.panel-window-button:hover{border-color:var(--canvas-controls-border);background:var(--canvas-controls-hover);color:var(--fg-default)}.panel-window-close{color:#ffffff9e}.panel-window-close:hover{background:#121212f5;border-color:#ffffff29}.toolbox-grid{grid-template-columns:repeat(3,141px);gap:12px;max-height:364px;padding:0 16px;display:grid;overflow:hidden auto}.toolbox-card{min-width:0;position:relative}.toolbox-card button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff26;border:0;border-radius:8px;height:24px;padding:0 10px;font-size:13px;position:absolute;bottom:30px;left:50%;right:auto;transform:translate(-50%)}.toolbox-card p{color:#ffffffb2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:16.5px;display:-webkit-box;overflow:hidden}
.asset-tabs button,.asset-categories button,.history-tabs button,.history-status-tabs button,.history-sort-actions button,.toolbar-popover button,.support-tabs button{color:#ffffff7a;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.asset-tabs button.active,.asset-categories button.active,.history-tabs button.active,.history-status-tabs button.active,.support-tabs button.active{color:#ffffffeb}.asset-categories button.active,.history-tabs button.active,.history-status-tabs button.active,.asset-tabs button.active{border-radius:var(--ui-radius-element);background:var(--ui-surface-field)}.asset-filter-popover .asset-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.asset-filter-popover .asset-categories button{border:var(--ui-border-subtle);color:#ffffff94;background:#ffffff09;border-radius:8px;min-width:0;height:30px;font-size:12px}.asset-filter-popover .asset-categories button.active{color:#fffffff0;background:#ffffff24;border-color:#fff3}.panel-empty-state{color:#ffffff5c;place-items:center;min-height:196px;font-size:12px;display:grid}.panel-search{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);color:#ffffff7a;align-items:center;gap:6px;height:28px;padding:0 8px;display:inline-flex}.side-panel-search{margin:12px 0 0;display:flex}.panel-search input{color:#ffffffdb;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.panel-search input::placeholder{color:#ffffff57}.panel-inline-message{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:color-mix(in srgb, var(--accent) 10%, transparent);color:#bef2faeb;margin:10px 12px 0;padding:7px 9px;font-size:11px}.panel-batch-bar,.panel-pagination,.panel-preview-actions{align-items:center;gap:8px;display:flex}.panel-batch-bar{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);color:#ffffff94;height:32px;margin:10px 0 0;padding:0 9px;font-size:11px}.side-panel-batch-bar{margin:10px 0 0}.panel-batch-bar label{align-items:center;gap:6px;display:inline-flex}.panel-batch-bar input,.panel-card-check input{accent-color:var(--accent)}.panel-batch-bar button,.panel-pagination button,.panel-preview-actions button,.panel-preview-actions a{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);color:#ffffffc2;cursor:pointer;justify-content:center;align-items:center;height:24px;padding:0 9px;font-size:11px;text-decoration:none;display:inline-flex}.panel-batch-bar button:hover,.panel-pagination button:hover,.panel-preview-actions button:hover,.panel-preview-actions a:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);color:#fff}.panel-batch-bar button:disabled,.panel-pagination button:disabled{opacity:.42;cursor:not-allowed}.panel-pagination{justify-content:center;padding:0 12px 12px}.side-panel-pagination{padding:0 10px 10px}
.asset-card-grid,.history-card-grid{overflow:hidden auto}.asset-card,.history-card,.operation-item,.operation-future-note{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);position:relative;overflow:hidden}.asset-card{cursor:grab;overflow:visible}.asset-card:active{cursor:grabbing}.asset-card.is-selected,.history-card.is-selected,.operation-item.is-current{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.panel-card-check{z-index:2;border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:#00000085;place-items:center;width:20px;height:20px;display:inline-grid;position:absolute;top:6px;left:6px}.panel-card-check input{width:12px;height:12px;margin:0}.asset-card-preview,.history-card-preview{color:#ffffffad;cursor:pointer;background:#0000003d;border:0;width:100%;padding:0;display:grid}.asset-card-preview img,.history-card-preview img{object-fit:cover;width:100%;height:100%}.asset-card-audio,.asset-card-placeholder,.history-card-audio,.history-card-placeholder{justify-content:center;align-items:center;gap:6px;display:inline-flex}.asset-card-body,.history-card-meta{gap:3px;padding:7px 8px 5px;display:grid}.asset-card-body strong,.history-card-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:15px;overflow:hidden}.asset-card-body span{color:#ffffff6b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:13px;overflow:hidden}.asset-card-body em,.asset-card-body small{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;line-height:13px;overflow:hidden}.asset-card-body small{color:#92dce494}.asset-card-actions,.history-card-actions{z-index:3;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:6px;padding:0 8px 8px;display:grid;position:relative}.asset-card-actions>button:first-child{white-space:nowrap;min-width:0;padding:0 8px}.asset-card-actions>button,.asset-card-actions>a,.history-card-actions button,.history-card-actions a,.operation-actions button{z-index:1;border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);color:#ffffffb8;cursor:pointer;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:10px;text-decoration:none;display:inline-grid;position:relative}.history-card-actions button:not(.history-card-primary-action),.history-card-actions a{width:24px;padding:0}.asset-card-actions>button:hover,.asset-card-actions>a:hover,.history-card-actions button:hover,.history-card-actions a:hover,.operation-actions button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, transparent);color:#fff}.asset-card-actions .is-favorite{color:#f3d386;border-color:#f1d28052}.asset-card-more{position:relative}.asset-card:has(.asset-card-more[open]){z-index:60}.asset-card-more summary{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);color:#ffffffb8;cursor:pointer;place-items:center;width:28px;height:24px;list-style:none;display:grid}.asset-card-more summary::-webkit-details-marker{display:none}.asset-card-more[open] summary,.asset-card-more summary:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);color:#fff}.asset-card-more>button{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:var(--ui-surface-field);color:#ffffffb8;cursor:pointer;place-items:center;width:28px;height:24px;padding:0;display:grid}.asset-card-more>button[aria-expanded=true],.asset-card-more>button:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);color:#fff}.asset-card-more:not([open]) .asset-card-menu{display:none}.asset-card-menu{z-index:70;border:var(--ui-border-floating);width:152px;box-shadow:var(--ui-shadow-panel);animation:uiPopoverIn var(--motion-popover-in) both;background:#18191bfa;border-radius:12px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.asset-card-menu.is-portal{z-index:1000;position:fixed;top:auto;right:auto}.asset-card-menu button,.asset-card-menu a{color:#ffffffc2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:7px;height:30px;padding:0 8px;font-size:12px;text-decoration:none;display:inline-flex}.asset-card-menu button:hover,.asset-card-menu a:hover{color:#fff;background:#ffffff14}.asset-card-menu .is-danger{color:#fecacae6}.asset-hover-preview{z-index:130;pointer-events:none;border:var(--ui-border-floating);width:240px;box-shadow:var(--ui-shadow-panel);background:linear-gradient(#ffffff0f,#0000 42%),#181818f5;border-radius:14px;padding:8px;display:none;position:absolute;top:0;left:calc(100% + 10px)}.asset-hover-preview img,.asset-hover-preview video{object-fit:contain;background:#00000057;border-radius:10px;width:100%;max-height:160px;display:block}.asset-hover-preview span{color:#ffffff9e;padding:7px 2px 1px;font-size:11px;display:block}.asset-card:hover .asset-hover-preview{animation:uiPopoverIn var(--motion-popover-in) both;display:block}
.panel-preview-backdrop{z-index:2400;background:#000000ad;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.panel-preview-backdrop.is-exiting{animation:panelPreviewBackdropOut var(--motion-popover-out) both;pointer-events:none}.panel-preview-backdrop.is-video{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 36%), #000000e0;padding:0}.panel-preview-modal{border:var(--ui-border-panel);border-radius:var(--ui-radius-panel);background:var(--ui-surface-panel-solid);width:min(1320px,100vw - 56px);height:min(820px,100vh - 56px);min-height:min(620px,100vh - 56px);box-shadow:var(--ui-shadow-panel);grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:16px;display:grid;position:relative}.panel-preview-modal.is-exiting{animation:panelPreviewModalOut var(--motion-popover-out) both;pointer-events:none}.panel-preview-modal.is-video{width:min(calc((100vh - 144px) * var(--media-preview-video-ratio,1.7778)), calc(100vw - 96px));height:min(calc((100vw - 96px) / var(--media-preview-video-ratio,1.7778)), calc(100vh - 144px));min-width:min(360px,100vw - 32px);min-height:min(260px,100vh - 96px);box-shadow:var(--ui-shadow-modal);background:#0b0b0bfa;border:0;border-radius:14px;grid-template-rows:1fr;padding:0}.panel-preview-modal.is-video.is-video-expanded{width:100vw;min-width:100vw;height:100vh;min-height:100vh;box-shadow:none;border-radius:0}.video-preview-floating-btns{z-index:3;gap:8px;display:flex;position:absolute;top:18px;right:18px}.media-preview-toolbar{z-index:3;border:var(--ui-border-floating);height:38px;box-shadow:var(--ui-shadow-panel);color:#ffffffbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121416c7;border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 12px;display:inline-flex;position:absolute;top:12px;right:12px}.media-preview-toolbar>span{font-size:12px;font-weight:700}.media-preview-toolbar>div{gap:5px;display:inline-flex}.media-preview-toolbar a,.media-preview-toolbar button{color:#ffffffd1;cursor:pointer;background:#ffffff12;border:0;border-radius:9px;place-items:center;width:28px;height:28px;text-decoration:none;display:grid}.media-preview-toolbar a:hover,.media-preview-toolbar button:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);color:#fff}.video-preview-action-btn{color:#fffffff2;cursor:pointer;background:#000000c7;border:0;border-radius:7px;place-items:center;width:30px;height:30px;text-decoration:none;display:grid;box-shadow:0 8px 20px #00000052}.video-preview-action-btn:hover{color:#fff;background:#1a1a1aeb}.media-preview-dialog-shell{min-height:0;display:grid}.media-preview-dialog-shell.has-details{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:14px}.media-preview-dialog-stage{border-radius:var(--ui-radius-element);background:radial-gradient(circle at 50% 0,#ffffff14,#0000 48%),#00000061;place-items:center;min-height:0;display:grid;overflow:hidden}.media-preview-details{border:var(--ui-border-subtle);border-radius:var(--ui-radius-element);background:linear-gradient(#ffffff0e,#0000 48%),#0000003d;align-content:start;gap:16px;padding:16px;display:grid;overflow:hidden auto}.media-preview-detail-titlebar{justify-content:space-between;align-items:center;gap:10px;display:flex}.media-preview-details>strong{color:#ffffffe6;font-size:14px}.media-preview-detail-titlebar strong{color:#ffffffdb;font-size:15px}.media-preview-detail-titlebar button{border:var(--ui-border-subtle);color:#ffffffe6;cursor:pointer;background:#ffffff1f;border-radius:999px;height:32px;padding:0 13px;font-size:12px;font-weight:700}.media-preview-detail-titlebar button:disabled{opacity:.5;cursor:not-allowed}.media-preview-prompt-box{color:#ffffffb8;background:#00000040;border-radius:16px;min-height:168px;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.media-preview-details dl{background:#ffffff0e;border-radius:16px;gap:10px;margin:0;padding:14px;display:grid}.media-preview-details dl div{gap:4px;display:grid}.media-preview-details dt{color:#ffffff6b;font-size:11px}.media-preview-details dd{overflow-wrap:anywhere;color:#ffffffd1;margin:0;font-size:12px;line-height:1.45}.media-preview-detail-actions{gap:8px;margin-top:2px;display:grid}.media-preview-detail-actions button,.media-preview-detail-actions a,.panel-preview-actions button,.panel-preview-actions a{border:var(--ui-border-subtle);color:#ffffffc7;cursor:pointer;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;min-height:34px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.media-preview-detail-actions button:first-child,.panel-preview-actions button:first-child{border-color:color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:#fff;font-weight:750}.media-preview-detail-actions button:hover,.media-preview-detail-actions a:hover,.panel-preview-actions button:hover,.panel-preview-actions a:hover{border-color:color-mix(in srgb, var(--accent) 26%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:#fff}.panel-preview-modal img,.panel-preview-modal video{border-radius:var(--ui-radius-element);object-fit:contain;place-self:center;width:auto;max-width:100%;height:auto;max-height:100%}.panel-preview-modal img{min-width:0;min-height:0;display:block}.panel-preview-modal video{width:100%;height:100%}.panel-preview-modal.is-video .media-preview-dialog-stage{background:#000;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.panel-preview-modal.is-video.is-video-expanded .media-preview-dialog-stage{border-radius:0}.panel-preview-modal.is-video video{object-fit:contain;border-radius:0;width:100%;height:100%}.video-preview-controls{z-index:4;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));border:var(--ui-border-floating);min-height:48px;box-shadow:var(--ui-shadow-panel);color:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0cd1;border-radius:12px;grid-template-columns:36px auto minmax(120px,1fr) auto 36px;align-items:center;gap:10px;padding:7px 10px;display:grid;position:absolute}.video-preview-control-btn{color:#ffffffeb;cursor:pointer;background:#ffffff17;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.video-preview-control-btn:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);color:#fff}.video-preview-time{font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:12px}.video-preview-controls input[type=range]{width:100%;min-width:0;accent-color:var(--cyan,var(--accent))}.panel-preview-audio{color:#ffffffb8;place-items:center;gap:14px;min-height:220px;display:grid}.media-preview-dialog-empty{color:#ffffff8f;font-size:13px}.panel-preview-modal footer{color:#ffffffd1;gap:6px;display:grid}.panel-preview-modal footer p{color:#ffffff7a;margin:0;font-size:12px;line-height:18px}.panel-preview-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.panel-preview-modal.is-video .panel-preview-actions.is-video-actions{z-index:7;border:var(--ui-border-floating);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121314d1;border-radius:10px;margin-top:0;padding:8px;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 30px #00000057}@media (max-width:860px){.media-preview-dialog-shell.has-details{grid-template-columns:1fr;overflow:auto}.media-preview-details{max-height:260px}.media-preview-toolbar{justify-content:space-between;left:12px;right:12px}}.panel-preview-actions button:disabled{opacity:.38;cursor:not-allowed}.panel-preview-popover{z-index:43;border:var(--ui-border-panel);border-radius:var(--ui-radius-panel);background:var(--ui-surface-panel-solid);width:260px;box-shadow:var(--ui-shadow-panel);padding:34px 10px 10px;position:absolute;top:38px;left:340px}.panel-preview-popover img,.panel-preview-popover video{border-radius:var(--ui-radius-element);object-fit:contain;width:100%;max-height:220px}.panel-preview-popover audio{width:100%}.panel-preview-popover footer{margin-top:10px}@keyframes panelPreviewBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes panelPreviewModalOut{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.985)}}