.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}.characters-backdrop.seedance-promise-backdrop{z-index:calc(var(--z-overlay,600) + 8)}.characters-modal.seedance-promise-dialog{width:min(720px,100vw - 32px);height:min(660px,100dvh - 32px);max-height:calc(100dvh - 32px)}.seedance-promise-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:8px 24px 20px;display:flex}.seedance-promise-document{min-height:0;color:var(--text-main);overscroll-behavior:contain;flex:1;font-size:14px;line-height:1.55;overflow-y:auto}.seedance-promise-document h3,.seedance-promise-document h4,.seedance-promise-document p{margin:0}.seedance-promise-document h3{margin-bottom:8px;font-size:16px;font-weight:600}.seedance-promise-document h4{margin-bottom:6px;font-size:14px;font-weight:600}.seedance-promise-intro{color:var(--text-muted);margin-bottom:12px!important}.seedance-promise-document section{border-bottom:1px solid var(--border-neutral-l1);flex-direction:column;gap:6px;padding:10px 0;display:flex}.seedance-promise-acknowledge{color:var(--text-main);cursor:pointer;flex-shrink:0;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.seedance-promise-acknowledge input{accent-color:var(--text-main);margin-top:3px}.seedance-promise-acknowledge input:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.seedance-promise-actions{flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.seedance-promise-actions button{border:1px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);min-height:36px;color:var(--text-main);cursor:pointer;border-radius:10px;padding:0 14px}.seedance-promise-actions .seedance-promise-accept{background:var(--text-main);color:var(--canvas-bg);border-color:#0000}.seedance-promise-actions button:disabled{cursor:not-allowed;opacity:.5}.seedance-promise-actions button:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.seedance-promise-actions .seedance-promise-accept:not(:disabled):hover{opacity:.85}.seedance-promise-inline{text-align:left;justify-content:flex-start;align-items:stretch;gap:12px;min-height:0;padding:20px}.seedance-promise-inline .seedance-promise-document{max-height:min(560px,100dvh - 280px)}@media (max-width:600px){.characters-modal.seedance-promise-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.seedance-promise-body{padding:8px 16px 16px}.seedance-promise-inline{padding:16px}}
.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}}
.viewport-focus-banner-slot{z-index:50;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:absolute;left:0;right:0}.viewport-focus-banner{pointer-events:auto;max-width:100%;color:var(--canvas-controls-text);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.viewport-focus-banner-message{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--canvas-controls-text);flex-shrink:1;font-size:13px;overflow:hidden}.viewport-focus-banner-action{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:500;transition:filter .15s}.viewport-focus-banner-action:hover{filter:brightness(1.1)}.viewport-focus-banner-close{width:24px;height:24px;color:var(--canvas-controls-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.viewport-focus-banner-close:hover{background:var(--canvas-controls-hover)}
.pano-viewer-blur-backdrop{z-index:5;background:#171717;border-radius:12px;position:absolute;inset:0;overflow:hidden}.pano-viewer-blur-img{object-fit:cover;opacity:.95;filter:blur(22px);width:100%;height:100%;transition:opacity .3s;transform:scale(1.06)}.pano-viewer-loading{z-index:15;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;max-width:min(100% - 24px,420px);height:24px;padding:0 16px;font-size:12px;line-height:1;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.pano-viewer-loading-text{white-space:nowrap}.pano-viewer-canvas{z-index:1;transition:opacity .3s;position:absolute;inset:0}.pano-viewer-canvas.is-ready{opacity:1}.pano-viewer-canvas.is-hidden{opacity:0;pointer-events:none}.pano-viewer-grid{z-index:8;pointer-events:none;position:absolute;inset:0}.pano-viewer-grid-line{background:#ffffff80;position:absolute}.pano-viewer-grid-line.is-v1{width:1px;height:100%;top:0;left:33.333%}.pano-viewer-grid-line.is-v2{width:1px;height:100%;top:0;left:66.667%}.pano-viewer-grid-line.is-h1{width:100%;height:1px;top:33.333%;left:0}.pano-viewer-grid-line.is-h2{width:100%;height:1px;top:66.667%;left:0}.pano-viewer-hud{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:stretch;gap:2px;width:max-content;padding:4px;transition:opacity .3s;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.pano-viewer-hud.is-ready{opacity:1}.pano-viewer-hud.is-fullscreen{gap:6px;padding:6px}.pano-viewer-hud-gizmo{background:#0000004d;border-radius:6px;flex-shrink:0;align-self:center;overflow:hidden}.pano-viewer-hud-readout{color:#ffffffd1;text-align:center;width:100%;padding:0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.25}.pano-viewer-hud.is-fullscreen .pano-viewer-hud-readout{font-size:10px}.pano-viewer-hud:not(.is-fullscreen) .pano-viewer-hud-readout{font-size:6px}.pano-viewer-hud-row{white-space:nowrap}.pano-viewer-hud-row.is-secondary{color:#ffffffb8;margin-top:1px}.pano-viewer-hud-sep{color:#ffffff59;margin:0 2px}.node-space-scene-720-card{border:1px solid var(--canvas-node-border);background:var(--Surface-secondary-background,#262626);border-radius:12px;position:relative;overflow:hidden}.node-space-scene-720-content{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.pano-node-toolbar{z-index:20;border:1px solid var(--canvas-controls-border);background:var(--canvas-controls-bg);width:max-content;box-shadow:var(--canvas-shadow-dropdown);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:-56px;left:50%;transform:translate(-50%)}.pano-node-toolbar-button{width:32px;min-width:32px;height:32px;color:var(--canvas-controls-text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.pano-node-toolbar-button:hover,.pano-node-toolbar-button.is-active{color:var(--canvas-controls-text);background:var(--canvas-controls-hover)}.pano-node-toolbar-button:disabled{cursor:default;opacity:.4}.pano-node-fullscreen{z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0af2;flex-direction:column;display:flex;position:fixed;inset:0}.pano-node-fullscreen-header{color:#ffffffe6;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;font-size:16px;font-weight:500;display:flex}.pano-node-fullscreen-actions{align-items:center;gap:4px;display:flex}.pano-node-fullscreen-actions .pano-node-toolbar-button{color:#ffffff8c}.pano-node-fullscreen-actions .pano-node-toolbar-button:hover,.pano-node-fullscreen-actions .pano-node-toolbar-button.is-active{color:#ffffffe6;background:#ffffff1a}.pano-node-fullscreen-body{touch-action:none;flex:1;min-height:0}
.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{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{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{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}
