.assistant-panel{z-index:70;border:0;border-left:.5px solid var(--canvas-controls-border);background:var(--Surface-AgentPanel-background,#212121);width:400px;height:100%;max-height:none;box-shadow:none;border-radius:0;flex-direction:column;padding:0;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden auto}.assistant-panel .side-panel-header{flex:none;height:52px;padding:0 16px}.assistant-panel .side-panel-title-row h2{font-size:13px;font-weight:500}.assistant-panel .assistant-context,.assistant-panel .assistant-plan-button,.assistant-panel .assistant-recommendations,.assistant-panel .assistant-plan-card,.assistant-panel .assistant-message,.assistant-panel .assistant-backend-required{margin:0 16px 12px}.assistant-context{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid}.assistant-context span{color:#ffffff9e;background:#ffffff0e;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:11px;display:inline-flex}.assistant-plan-button,.assistant-plan-card button{background:color-mix(in srgb, var(--accent) 15%, transparent);color:#ffffffe6;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;display:inline-flex}.assistant-plan-button{width:calc(100% - 20px);margin:0 10px 10px}.assistant-plan-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;gap:8px;margin:0 10px;padding:10px;display:grid}.assistant-recommendations{gap:7px;margin:0 10px 10px;display:grid}.assistant-recommendation-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.assistant-recommendation-heading span{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:#ffffff9e;border-radius:999px;flex:none;padding:3px 7px;font-size:10px}.assistant-recommendations article,.assistant-plan-assets{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:8px}.assistant-recommendations strong,.assistant-plan-card strong{color:#ffffffe6;font-size:13px}.assistant-recommendations article{gap:3px;display:grid}.assistant-recommendations span,.assistant-plan-assets span{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.assistant-recommendations small{color:#ffffff85;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.assistant-plan-assets{flex-wrap:wrap;gap:6px;padding:6px;display:flex}.assistant-plan-assets span{background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:6px;width:auto;max-width:100%;padding:4px 7px}.assistant-backend-required{color:#ffeccdc2;background:#ffc56614;border:1px solid #ffc56633;border-radius:8px;margin:0 10px 10px;padding:8px 10px;font-size:11px;line-height:1.45}.assistant-plan-card p,.assistant-plan-card li,.assistant-message{color:#ffffff8f;font-size:12px;line-height:1.45}.assistant-plan-card p{margin:0}.assistant-plan-card ol{margin:0;padding-left:18px}.assistant-message{margin:10px}.assistant-messages{gap:8px;margin:0 16px 12px;padding:0 2px;display:grid;overflow:auto}.assistant-message-row{color:#ffffffc7;white-space:pre-wrap;word-break:break-word;border-radius:8px;max-width:92%;padding:8px 10px;font-size:12px;line-height:1.45}.assistant-message-row.is-user{background:color-mix(in srgb, var(--accent) 15%, transparent);justify-self:end}.assistant-message-row.is-assistant{background:#ffffff0f;justify-self:start}.assistant-composer{border-top:1px solid #ffffff14;gap:8px;margin:auto 16px 16px;padding-top:12px;display:flex}.assistant-composer input{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex:1;min-width:0;height:34px;padding:0 10px}.assistant-composer button{background:var(--accent);color:#101010;border:0;border-radius:8px;height:34px;padding:0 12px}.assistant-suggestions{flex-wrap:wrap;gap:6px;margin:0 16px 12px;display:flex}.assistant-suggestions button{color:#ffffffad;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;min-width:0;max-width:100%;padding:5px 8px;font-size:11px;overflow:hidden}.assistant-suggestions button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:#ffffffe6}.assistant-suggestions button:disabled,.assistant-composer button:disabled{cursor:not-allowed;opacity:.45}.assistant-cancel-button{flex:0 0 34px;width:34px;padding:0!important}.assistant-agent-unavailable,.assistant-run-meta{color:#ffffff94;margin:0 16px 12px;font-size:11px;line-height:1.45}.assistant-agent-unavailable{background:#ffc56614;border:1px solid #ffc56633;border-radius:8px;padding:8px 10px}.chat-tool-call-status-row{align-items:center;gap:4px;margin:4px 0;padding:2px 0;display:flex}.chat-tool-call-status-icon{flex-shrink:0}.chat-tool-call-status-row .chat-tool-call-status-icon,.chat-tool-call-status-row .chat-tool-call-status-label{color:#919191}.chat-tool-call-status-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.chat-tool-call-status-row.is-in-progress .chat-tool-call-status-icon,.chat-tool-call-status-row.is-in-progress .chat-tool-call-status-label{color:#ffffffd9}@keyframes chat-generating-text-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.chat-tool-call-status-row .chat-tool-call-status-label.chat-generating-text-shimmer{color:#0000;background-image:linear-gradient(90deg,#fff0 0%,#fffffff2 25%,#fff0 57%),linear-gradient(90deg,#fff9,#fff9);background-position:150% 0,0 0;background-repeat:no-repeat;background-size:200% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite chat-generating-text-shimmer}.assistant-tool-call-status-list{flex-direction:column;margin:0 16px 12px;display:flex}.chat-commercial-block-card{background:0 0;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:min(368px,100%);margin:8px 0;padding:16px;display:flex}.chat-commercial-block-body{flex-direction:column;gap:8px;display:flex}.chat-commercial-block-head{align-items:center;gap:6px;display:flex}.chat-commercial-block-icon{flex-shrink:0}.chat-commercial-block-icon,.chat-commercial-block-title{color:#f7f7f7}.chat-commercial-block-title{font-size:14px;font-weight:600;line-height:1.4}.chat-commercial-block-desc{color:#f7f7f7;margin:0;font-size:12px;line-height:1.6}.chat-commercial-block-action{width:100%;display:flex}.chat-commercial-block-action.is-busy,.chat-commercial-block-hint-action.is-busy{cursor:not-allowed}.chat-commercial-block-continue{color:#141414;cursor:pointer;background:#f7f7f7;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:32px;padding:0 12px;font-size:13px;line-height:1;transition:opacity .15s;display:flex}.chat-commercial-block-continue:hover{opacity:.9}.chat-commercial-block-continue:active{opacity:.8}.chat-commercial-block-continue:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.chat-commercial-block-hint{flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:min(368px,100%);margin:0 0 8px;display:flex}.chat-commercial-block-hint-text{color:#f7f7f7;font-size:14px;line-height:1.6}.chat-commercial-block-hint-action{flex-shrink:0;display:inline-flex}.chat-commercial-block-continue-pill{color:#262626;cursor:pointer;background:#65ddff;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:32px;padding:8px 12px;font-size:13px;line-height:1;transition:opacity .15s;display:flex}.chat-commercial-block-continue-pill:hover{opacity:.9}.chat-commercial-block-continue-pill:active{opacity:.8}.chat-commercial-block-continue-pill:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.assistant-commercial-blocks{flex-direction:column;margin:0 16px 12px;display:flex}.chat-grounded-search-row{align-items:center;gap:4px;width:fit-content;max-width:100%;margin:4px 0;padding:4px 0;display:flex}.chat-grounded-search-icon{color:#ffffffd9;flex-shrink:0}.chat-grounded-search-label{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;min-width:0;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.chat-grounded-search-card{flex-direction:column;margin:4px 0;display:flex}.chat-grounded-search-head{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:4px 0;display:flex}.chat-grounded-search-chevron{color:#ffffffd9;flex-shrink:0;transition:transform .15s}.chat-grounded-search-chevron.is-expanded{transform:rotate(90deg)}.chat-grounded-search-detail{flex-direction:column;gap:8px;padding-top:4px;display:flex}.chat-grounded-search-sources{flex-direction:column;display:flex;position:relative}.chat-grounded-search-source{align-items:center;gap:4px;padding:2px 0;display:flex}.chat-grounded-search-source-icon{color:#ffffff80;flex-shrink:0}.chat-grounded-search-source span{text-overflow:ellipsis;white-space:nowrap;color:#fff9;flex:1;min-width:0;font-size:12px;line-height:1.4;overflow:hidden}.chat-grounded-search-sources-fade{inset-inline:0;pointer-events:none;background:linear-gradient(#0000,#1a1a1a);height:28px;position:absolute;bottom:0}.chat-grounded-search-visuals{cursor:pointer;width:100%;height:72px;position:relative}.chat-grounded-search-visual{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;position:absolute;overflow:hidden}.chat-grounded-search-visual img{object-fit:cover;width:100%;height:100%;display:block}.chat-grounded-search-visual-more{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff9;background:#ffffff1a;border-radius:9999px;align-items:center;padding:0 6px 1px;font-size:10px;font-weight:500;line-height:1.4;display:flex;position:absolute;bottom:0}.chat-grounded-search-modal{z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-grounded-search-modal-backdrop{background:#00000080;position:absolute;inset:0}.chat-grounded-search-modal-panel{z-index:1;background:#1f1f1f;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:min(720px,100vw - 32px);max-height:70vh;display:flex;position:relative}.chat-grounded-search-modal-header{color:#f7f7f7;justify-content:space-between;align-items:center;padding:16px 16px 0;font-size:14px;font-weight:600;display:flex}.chat-grounded-search-modal-close{color:#f7f7f7;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.chat-grounded-search-modal-body{flex-direction:column;gap:24px;padding:16px;display:flex;overflow-y:auto}.chat-grounded-search-modal-section{flex-direction:column;gap:16px;display:flex}.chat-grounded-search-modal-section>p{color:#f7f7f7;margin:0;font-size:16px;font-weight:500;line-height:normal}.chat-grounded-search-modal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.chat-grounded-search-modal-cell{aspect-ratio:1;background:#ffffff0d;border-radius:16px;margin:0;position:relative;overflow:hidden}.chat-grounded-search-modal-cell img{object-fit:cover;width:100%;height:100%;display:block}.chat-grounded-search-modal-cell figcaption{inset-inline:0;color:#fff;background:linear-gradient(#0000,#0009);padding:12px;font-size:14px;line-height:1.4;position:absolute;bottom:0}.chat-grounded-search-modal-list{flex-direction:column;gap:8px;display:flex}.chat-grounded-search-modal-source{background:#ffffff0f;border-radius:16px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.chat-grounded-search-modal-source-title{color:#f7f7f7;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:20px;display:-webkit-box;overflow:hidden}.chat-grounded-search-modal-source-summary{color:#f7f7f799;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}
.clip-editor-overlay{z-index:1200;color:#f7f7f7;background:#141414;flex-direction:column;display:flex;position:fixed;inset:0}.clip-editor-overlay.is-embedded{z-index:1;border-radius:0;position:absolute;inset:0}.clip-editor-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.clip-editor-title{font-size:14px;font-weight:600}.clip-editor-exit{color:#f7f7f7;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;height:32px;padding:0 12px;font-size:13px}.clip-editor-exit:hover{background:#ffffff14}.clip-editor-preview{flex:none;justify-content:center;align-items:center;min-height:0;padding:12px 16px;display:flex;position:relative}.clip-editor-preview.is-collapsed{flex:none;min-height:0;padding:8px}.clip-editor-preview.is-collapsed .clip-editor-preview-video{max-height:96px}.clip-editor-preview-video{background:#000;border-radius:8px;max-width:100%;max-height:100%}.clip-editor-preview-empty{color:#ffffff80;font-size:13px}.clip-editor-preview-toggle{color:#f7f7f7;cursor:pointer;background:#00000080;border:1px solid #ffffff29;border-radius:9999px;height:28px;padding:0 10px;font-size:12px;position:absolute;top:20px;right:20px}.clip-editor-timeline{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;padding:8px 16px 12px;display:flex}.clip-editor-ruler{background-image:repeating-linear-gradient(90deg,#ffffff3d 0 1px,#0000 1px 40px);border-bottom:1px solid #ffffff14;height:20px;position:relative}.clip-editor-track{align-items:center;gap:8px;height:48px;display:flex}.clip-editor-track-label{color:#fff9;flex-shrink:0;width:72px;font-size:12px}.clip-editor-history-row{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;height:44px;padding:0 16px 4px;display:flex}.clip-editor-history-button{color:#f7f7f7;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.clip-editor-history-button:hover:not(:disabled){background:#ffffff14}.clip-editor-history-button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.clip-editor-resize-separator{cursor:row-resize;border-top:1px solid #ffffff14;flex:none;height:6px}.clip-editor-resize-separator:hover{background:#65ddff33}.clip-editor-track-lane{flex:1;height:40px;position:relative}.clip-editor-clip{cursor:pointer;background:#65ddff29;border:1px solid #65ddff66;border-radius:6px;height:40px;padding:0;position:absolute;top:0}.clip-editor-clip.is-selected{background:#65ddff47;border-color:#65ddffe6}.clip-editor-playhead{pointer-events:none;background:#65ddff;width:1px;position:absolute;top:-4px;bottom:-4px}.clip-editor-ruler-time{color:#fff9;font-size:11px;position:absolute;top:-18px;right:0}.clip-editor-track-empty{color:#fff6;font-size:12px}.clip-editor-toolbar{border-top:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 16px;display:flex}.clip-editor-toolbar button{color:#f7f7f7;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;height:32px;padding:0 12px;font-size:13px}.clip-editor-toolbar button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.clip-editor-toolbar-divider{background:#ffffff1f;width:1px;height:20px}.clip-editor-subtitle{color:#d94a31;background:#d94a311a;border:1px solid #d94a3140;border-radius:4px;align-items:center;height:24px;padding:0 8px;display:flex;box-shadow:0 4px 5px #0000000a}.clip-editor-subtitle.is-selected{background:#d94a3133;border-color:#d94a3199}.clip-editor-subtitle-text{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#d94a31;pointer-events:none;flex:1;min-width:0;font-size:12px;overflow:hidden}.clip-editor-subtitle.is-selected .clip-editor-subtitle-text{color:#f05a3c}.clip-editor-subtitle-handle{cursor:ew-resize;background:0 0;flex-shrink:0;align-self:stretch;width:8px}.clip-editor-subtitle-hidden-notice{color:#65b6ff;padding:2px 0 4px 80px;font-size:12px;line-height:18px}.clip-editor-subtitle-input{color:#f7f7f7;background:0 0;border:1px solid #ffffff29;border-radius:8px;flex:1;min-width:120px;height:32px;padding:0 10px;font-size:13px}.clip-editor-preview-subtitle{text-align:center;text-shadow:0 1px 2px #0006;pointer-events:none;max-width:90%;font-size:18px;font-weight:700;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.clip-editor-style-row{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0 2px;display:flex}.clip-editor-style-label{color:#fff9;font-size:12px}.clip-editor-style-preset{color:#f7f7f7;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.clip-editor-style-preset.is-active{background:#65ddff29;border-color:#65ddff}.clip-editor-style-swatch{background:#fff;border:2px solid #0000;border-radius:9999px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000004d}.clip-editor-style-color,.clip-editor-style-number{color:#fff9;align-items:center;gap:4px;font-size:12px;display:inline-flex}.clip-editor-style-color input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:6px;width:28px;height:24px;padding:0}.clip-editor-style-number input{color:#f7f7f7;background:0 0;border:1px solid #ffffff29;border-radius:6px;width:56px;height:24px;padding:0 6px;font-size:12px}.clip-editor-style-apply-all{color:#f7f7f7;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;height:28px;padding:0 10px;font-size:12px}.clip-editor-style-apply-all:hover{background:#ffffff14}.clip-editor-clip-menu{z-index:40;background:#262626fa;border:.5px solid #ffffff29;border-radius:10px;flex-direction:column;gap:2px;min-width:160px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #00000047}.clip-editor-clip-menu button{color:#f7f7f7e6;cursor:pointer;height:32px;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:13px}.clip-editor-clip-menu button:hover,.clip-editor-clip-menu button:focus-visible{background:#ffffff14;outline:none}.clip-editor-track-label-button{cursor:pointer;text-align:left;font:inherit;color:#fff9;background:0 0;border:0;font-size:12px}.clip-editor-track-chooser{z-index:50;background:#202020fa;border:.5px solid #ffffff29;border-radius:12px;flex-direction:column;gap:4px;width:176px;padding:8px;display:flex;position:absolute;top:32px;box-shadow:0 12px 28px #00000052}.clip-editor-track-chooser-title{color:#919191;padding:0 8px 4px;font-size:12px}.clip-editor-track-chooser button{color:#f7f7f7e6;cursor:pointer;height:30px;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:13px}.clip-editor-track-chooser button.is-active,.clip-editor-track-chooser button:hover{background:#ffffff14}.clip-editor-subtitle-track{position:relative}.clip-editor-subtitle-track .clip-editor-track-lane{background:#ffffff0d;border-radius:4px;height:24px}.clip-editor-subtitle-track .clip-editor-clip{height:24px}.clip-editor-clip.is-subtitles-hidden{background:#ffffff0f;border-style:dashed}.clip-editor-subtitle.is-hidden{opacity:.45}.clip-editor-video-box{cursor:move;transform-origin:50%;max-width:100%;max-height:100%;position:relative}.clip-editor-video-scale-handle{cursor:nwse-resize;background:#65ddff33;border:1px solid #65ddff;border-radius:4px;width:14px;height:14px;position:absolute;bottom:-6px;right:-6px}.clip-editor-subtitle-width-handle{cursor:ew-resize;pointer-events:auto;background:#65ddff80;border-radius:3px;width:8px;height:18px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.clip-editor-text-clip{background:#ffffff1a;border-color:#ffffff52}.clip-editor-text-clip.is-selected{background:#ffffff2e;border-color:#ffffffbf}.clip-editor-preview-text{text-align:center;pointer-events:none;white-space:pre-wrap;max-width:92%;font-size:22px;line-height:1.3;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.clip-editor-preview-text.is-word-highlight{background-image:linear-gradient(#0000 62%,#ffdc008c 62%)}.clip-editor-preview-text.is-anim-fade{animation:.5s both clip-text-fade}.clip-editor-preview-text.is-anim-spring-up{animation:.5s cubic-bezier(.2,1.6,.4,1) both clip-text-spring}.clip-editor-preview-text.is-anim-blur-in{animation:.6s both clip-text-blur}.clip-editor-preview-text.is-anim-zoom-in{animation:.5s both clip-text-zoom}.clip-editor-preview-text.is-anim-slide-left{animation:.5s both clip-text-slide-left}.clip-editor-preview-text.is-anim-slide-right{animation:.5s both clip-text-slide-right}.clip-editor-preview-text.is-anim-wipe-in{animation:.6s both clip-text-wipe}.clip-editor-preview-text.is-anim-pulse{animation:1.2s ease-in-out infinite clip-text-pulse}.clip-editor-preview-text.is-anim-wave{animation:1.4s ease-in-out infinite clip-text-wave}@keyframes clip-text-fade{0%{opacity:0}to{opacity:1}}@keyframes clip-text-spring{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes clip-text-blur{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes clip-text-zoom{0%{opacity:0;transform:translate(-50%)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes clip-text-slide-left{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(-50%)}}@keyframes clip-text-slide-right{0%{opacity:0;transform:translate(-70%)}to{opacity:1;transform:translate(-50%)}}@keyframes clip-text-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes clip-text-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes clip-text-wave{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.clip-editor-text-style-row{position:relative}.clip-editor-font-panel{z-index:60;background:#202020fa;border:.5px solid #ffffff29;border-radius:12px;flex-direction:column;gap:8px;width:268px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 28px #00000052}.clip-editor-font-panel-header{color:#f7f7f7;font-size:13px;font-weight:600}.clip-editor-font-categories,.clip-editor-font-weights{flex-wrap:wrap;gap:6px;display:flex}.clip-editor-font-search{color:#f7f7f7;background:0 0;border:1px solid #ffffff29;border-radius:8px;height:28px;padding:0 8px;font-size:12px}.clip-editor-font-list{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow:auto}.clip-editor-font-item{color:#f7f7f7e6;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;height:30px;padding:0 8px;font-size:13px}.clip-editor-font-item.is-active,.clip-editor-font-item:hover{background:#ffffff14}.clip-editor-style-number select{color:#f7f7f7;background:0 0;border:1px solid #ffffff29;border-radius:6px;height:24px;font-size:12px}.clip-editor-clip-inspector{position:relative}.clip-editor-transition-panel{top:calc(100% + 6px);left:0}.clip-editor-transition-marker{pointer-events:none;background:#65ddffd9;border-radius:2px;width:8px;height:8px;position:absolute;top:-6px;transform:translate(-50%)rotate(45deg)}.clip-editor-vocal-panel{min-width:160px;top:calc(100% + 6px);left:0}.clip-editor-compose-status{color:#65b6ff;white-space:nowrap;font-size:12px}.clip-editor-export-dialog{z-index:80;background:#202020fa;border:.5px solid #ffffff29;border-radius:12px;flex-direction:column;gap:10px;width:268px;padding:12px;display:flex;position:absolute;top:64px;right:16px;box-shadow:0 12px 28px #00000052}
.character-studio-backdrop{z-index:var(--z-overlay,600);background:#000000b3;position:fixed;inset:0}.character-studio-modal{--character-studio-bg-float-rgb:36 36 36;--character-studio-fg-rgb:255 255 255;--character-studio-bg-float:#242424;--character-studio-bg-canvas:#1a1a1a;--character-studio-bg-body:#161616;--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-text-default:#fff;--character-studio-text-secondary:#fff9;--character-studio-text-tertiary:#ffffff4d;--character-studio-text-inverse:#000;--character-studio-bg-control:#1f1f1fd1;--character-studio-bg-control-muted:#303030b8;--character-studio-checker-base:#303030;--character-studio-checker-tile:#3a3a3a;--character-studio-menu-shadow:0 16px 24px -8px #0009, 0 4px 8px -4px #0006;--character-studio-range-thumb-size:14px;z-index:calc(var(--z-overlay,600) + 1);width:1200px;max-width:100%;height:760px;max-height:100%;color:var(--character-studio-text-default);background:var(--character-studio-bg-float);border:1px solid var(--character-studio-border-l1);border-radius:24px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}:root[data-mantine-color-scheme=light] .character-studio-modal{--character-studio-bg-float-rgb:255 255 255;--character-studio-fg-rgb:23 23 23;--character-studio-bg-float:#fff;--character-studio-bg-canvas:#f5f5f5;--character-studio-bg-body:#fff;--character-studio-bg-overlay:#0000000a;--character-studio-bg-overlay-hover:#0000000f;--character-studio-bg-overlay-active:#00000014;--character-studio-border-l1:#00000014;--character-studio-border-l2:#00000024;--character-studio-border-contrast:#000000e6;--character-studio-text-default:#171717;--character-studio-text-secondary:#0009;--character-studio-text-tertiary:#0006;--character-studio-text-inverse:#fff;--character-studio-bg-control:#ffffffe6;--character-studio-bg-control-muted:#f5f5f5d9;--character-studio-checker-base:#f0f0f0;--character-studio-checker-tile:#e0e0e0;--character-studio-menu-shadow:0 16px 24px -8px #0000001f, 0 4px 8px -4px #00000014}.character-studio-header{border-bottom:1px solid var(--character-studio-border-l1);flex:none;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.character-studio-header-titles{flex-direction:column;flex:1;min-width:0;display:flex}.character-studio-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.character-studio-subtitle{color:var(--character-studio-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;overflow:hidden}.character-studio-close{width:24px;height:24px;color:var(--character-studio-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.character-studio-close:hover{color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay-hover)}.character-studio-body{flex:1;min-height:0;display:flex}.character-studio-prompt-panel{border-right:1px solid var(--character-studio-border-l1);flex-direction:column;flex:none;gap:16px;width:320px;padding:16px;display:flex;overflow-y:auto}.character-studio-field-label{margin-bottom:8px;font-size:14px;line-height:22px;display:block}.character-studio-prompt-input{width:100%;min-height:96px;color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay);border:1px solid var(--character-studio-border-l1);font:inherit;resize:vertical;border-radius:12px;padding:10px 12px;font-size:13px;line-height:20px}.character-studio-prompt-input::placeholder,.character-studio-name-input::placeholder{color:var(--character-studio-text-tertiary)}.character-studio-prompt-input:focus-visible,.character-studio-name-input:focus-visible{border-color:var(--character-studio-border-contrast);outline:none}.character-studio-field-hint{color:var(--character-studio-text-tertiary);margin:6px 0 0;font-size:12px;line-height:18px}.character-studio-import-row{flex-direction:column;gap:8px;display:flex}.character-studio-import-button{height:36px;color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay);border:1px solid var(--character-studio-border-l1);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:14px;line-height:22px;display:flex}.character-studio-import-button:hover{background:var(--character-studio-bg-overlay-hover)}.character-studio-import-hint{color:var(--character-studio-text-tertiary);font-size:12px;line-height:18px}.character-studio-check-row{color:var(--character-studio-text-secondary);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:20px;display:flex}.character-studio-check-row input[type=checkbox]{accent-color:var(--character-studio-text-default);flex:none;width:16px;height:16px;margin:2px 0 0}.character-studio-check-row.is-active{color:var(--character-studio-text-default)}.character-studio-stage{background:conic-gradient(var(--character-studio-checker-tile) 25%, var(--character-studio-checker-base) 0 50%, var(--character-studio-checker-tile) 0 75%, var(--character-studio-checker-base) 0) 0 0 / 24px 24px;flex:1;place-items:center;min-width:0;display:grid;position:relative}.character-studio-adjust-panel{border-left:1px solid var(--character-studio-border-l1);flex-direction:column;flex:none;width:380px;display:flex}.character-studio-face-nav{border-bottom:1px solid var(--character-studio-border-l1);flex:none;justify-content:space-between;align-items:center;height:40px;margin:0 24px;display:flex}.character-studio-face-nav-item{height:100%;color:var(--character-studio-text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex:none;align-items:center;gap:4px;padding:0 3px;font-size:14px;line-height:22px;transition:color .3s cubic-bezier(.36,.77,0,1),border-color .3s cubic-bezier(.36,.77,0,1);display:flex}.character-studio-face-nav-item:hover{color:var(--character-studio-text-default)}.character-studio-face-nav-item.is-active{color:var(--character-studio-text-default);border-bottom-color:var(--character-studio-text-default)}.character-studio-adjust-scroll{flex:1;min-height:0;padding:20px 24px 80px;overflow-y:auto}.character-studio-section-title{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:400;line-height:22px;display:flex}.character-studio-group-tabs{scrollbar-width:thin;scrollbar-color:var(--character-studio-border-contrast) transparent;flex-wrap:wrap;gap:6px;margin:8px -4px 0;padding:0 4px 8px;display:flex}.character-studio-group-tab{color:var(--character-studio-text-secondary);border:1px solid var(--character-studio-border-l1);cursor:pointer;background:0 0;border-radius:9999px;flex:none;padding:4px 12px;font-size:12px;line-height:20px;transition:color .15s ease-out,background .15s ease-out}.character-studio-group-tab:hover{color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay-hover)}.character-studio-group-tab.is-active{color:var(--character-studio-text-inverse);background:var(--character-studio-text-default);border-color:var(--character-studio-text-default)}.character-studio-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;margin-top:4px;display:grid}.character-studio-material-tile{min-width:0;color:var(--character-studio-text-secondary);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:11px;line-height:16px;display:flex}.character-studio-material-thumb{aspect-ratio:1;width:100%;color:var(--character-studio-text-secondary);background:var(--character-studio-bg-overlay);border:1px solid var(--character-studio-border-l1);border-radius:16px;justify-content:center;align-items:center;transition:border-color .15s ease-out;display:flex;position:relative;overflow:hidden}.character-studio-material-tile:hover .character-studio-material-thumb{background:var(--character-studio-bg-overlay-hover)}.character-studio-material-tile.is-selected .character-studio-material-thumb{border-color:var(--character-studio-text-default)}.character-studio-material-tile.is-selected{color:var(--character-studio-text-default)}.character-studio-material-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.character-studio-tuning{border-top:1px solid var(--character-studio-border-l1);flex-direction:column;gap:20px;margin-top:16px;padding-top:16px;display:flex}.character-studio-swatches{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.character-studio-swatch{cursor:pointer;border:2px solid #0000;border-radius:9999px;width:28px;height:28px;padding:0;transition:transform .15s ease-out,border-color .15s ease-out}.character-studio-swatch:hover{transform:scale(1.1)}.character-studio-swatch.is-active{border-color:var(--character-studio-text-default)}.character-studio-range-label{width:100%;display:block}.character-studio-range-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;line-height:22px;display:flex}.character-studio-range-value{color:var(--character-studio-text-secondary);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.character-studio-range-wrap{width:100%;display:block;position:relative}.character-studio-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:12px;margin:0}.character-studio-range::-webkit-slider-runnable-track{background:var(--character-studio-border-l2);border-radius:9999px;height:2px}.character-studio-range-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--character-studio-text-default) 0 var(--character-studio-range-progress,0%), var(--character-studio-bg-overlay-hover) var(--character-studio-range-progress,0%) 100%)}.character-studio-range::-webkit-slider-thumb{appearance:none;background:var(--character-studio-text-default);border:1px solid var(--character-studio-border-l2);border-radius:9999px;width:14px;height:14px;margin-top:-6px;box-shadow:0 1px 2px #0003}.character-studio-range::-moz-range-track{background:var(--character-studio-border-l2);border-radius:9999px;height:2px}.character-studio-range-progress::-moz-range-progress{background:var(--character-studio-text-default);border-radius:9999px;height:2px}.character-studio-range::-moz-range-thumb{background:var(--character-studio-text-default);border:1px solid var(--character-studio-border-l2);border-radius:9999px;width:14px;height:14px;box-shadow:0 1px 2px #0003}.character-studio-footer{border-top:1px solid var(--character-studio-border-l1);flex:none;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.character-studio-name-input{width:200px;height:36px;color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay);border:1px solid var(--character-studio-border-l1);font:inherit;border-radius:10px;padding:0 12px;font-size:14px}.character-studio-save-assets{color:var(--character-studio-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.character-studio-save-assets input[type=checkbox]{accent-color:var(--character-studio-text-default);width:16px;height:16px}.character-studio-footer-spacer{flex:1}.character-studio-submit{height:36px;color:var(--character-studio-text-inverse);background:var(--character-studio-text-default);cursor:pointer;border:0;border-radius:9999px;padding:0 16px;font-size:14px;line-height:22px}.character-studio-submit:hover{background:#ffffffe5}:root[data-mantine-color-scheme=light] .character-studio-submit:hover{background:#4a4a4a}.character-studio-face-nav-row{border-bottom:1px solid var(--character-studio-border-l1);flex:none;align-items:center;gap:8px;height:40px;margin:0 24px;display:flex}.character-studio-face-nav-row .character-studio-face-nav{border-bottom:0;flex:1;margin:0}.character-studio-auto-adjust{width:36px;height:36px;color:var(--character-studio-text-secondary);background:var(--character-studio-border-l1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.character-studio-auto-adjust:hover{color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay-active)}.character-studio-control-stack{flex-direction:column;gap:20px;display:flex}.character-studio-switch-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:22px;display:flex}.character-studio-switch-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.character-studio-switch{appearance:none;background:var(--character-studio-border-l2);cursor:pointer;border-radius:9999px;flex:none;width:32px;height:18px;margin:0;transition:background .15s ease-out;position:relative}.character-studio-switch:after{content:"";background:var(--character-studio-bg-float);border-radius:50%;width:14px;height:14px;transition:transform .15s ease-out;position:absolute;top:2px;left:2px}.character-studio-switch:checked{background:var(--character-studio-text-default)}.character-studio-switch:checked:after{transform:translate(14px)}.character-studio-section-nav{border-top:1px solid var(--character-studio-border-l1);flex-direction:column;gap:8px;margin-top:24px;padding-top:16px;display:flex}.character-studio-section-item{width:100%;height:44px;color:var(--character-studio-text-default);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;line-height:22px;transition:background .15s ease-out;display:flex}.character-studio-section-item:hover{background:var(--character-studio-bg-overlay-hover)}.character-studio-section-item.is-active{background:var(--character-studio-bg-overlay-active)}.character-studio-styling-tabs{border-bottom:1px solid var(--character-studio-border-l1);flex:none;align-items:center;gap:16px;height:40px;margin:0 24px;display:flex}.character-studio-skill-row{margin-top:12px;position:relative}.character-studio-skill-button{max-width:100%;height:28px;color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay);cursor:pointer;border:0;border-radius:9999px;align-items:center;gap:6px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.character-studio-skill-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.character-studio-skill-menu{z-index:70;background:var(--character-studio-bg-float);border:1px solid var(--character-studio-border-l1);width:200px;box-shadow:var(--character-studio-menu-shadow);border-radius:16px;padding:6px;position:absolute;bottom:34px;left:0}.character-studio-skill-option{width:100%;height:36px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 8px;font-size:14px;line-height:22px;display:flex}.character-studio-skill-option:hover,.character-studio-skill-option.is-active{background:var(--character-studio-bg-overlay-hover)}.character-studio-field-caption{color:var(--character-studio-text-default);margin-bottom:8px;font-size:14px;line-height:22px;display:block}.character-studio-select{width:100%;height:36px;color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay);border:1px solid var(--character-studio-border-l1);font:inherit;border-radius:10px;padding:0 10px;font-size:14px}.character-studio-select:disabled{color:var(--character-studio-text-tertiary);cursor:not-allowed}.character-studio-voice-toolbar{align-items:center;gap:8px;display:flex}.character-studio-voice-search{height:32px;color:var(--character-studio-text-tertiary);background:var(--character-studio-bg-overlay);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.character-studio-voice-search input{min-width:0;color:var(--character-studio-text-default);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:13px}.character-studio-voice-search input::placeholder{color:var(--character-studio-text-tertiary)}.character-studio-voice-filter{width:32px;height:32px;color:var(--character-studio-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.character-studio-voice-filter:hover{color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay-hover)}.character-studio-voice-list{min-height:120px;margin-top:12px}.character-studio-voice-actions{justify-content:flex-end;gap:8px;display:flex}.character-studio-create-page{flex-direction:column;flex:1;min-height:0;padding:28px 32px 24px;display:flex}.character-studio-create-header{align-items:center;gap:12px;display:flex}.character-studio-create-header h2{margin:0;font-size:20px;font-weight:600;line-height:28px}.character-studio-create-header p{margin:4px 0 0}.character-studio-create-back{width:32px;height:32px;color:var(--character-studio-text-default);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid;transform:rotate(180deg)}.character-studio-create-back:hover{background:var(--character-studio-bg-overlay-hover)}.character-studio-create-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0;margin-top:24px;display:grid}.character-studio-create-card{background:var(--character-studio-bg-overlay);border:1px solid var(--character-studio-border-l1);border-radius:16px;flex-direction:column;padding:20px;display:flex}.character-studio-create-card h3{margin:16px 0 0;font-size:16px;font-weight:600;line-height:24px}.character-studio-create-hint{color:var(--character-studio-text-secondary);margin:8px 0 0;font-size:14px;line-height:22px}.character-studio-create-icon{width:40px;height:40px;color:var(--character-studio-text-default);background:var(--character-studio-bg-overlay-hover);border-radius:12px;flex:none;place-items:center;display:grid}.character-studio-create-textarea{min-height:160px;margin-top:20px}.character-studio-create-submit{align-self:flex-end;margin-top:auto}.character-studio-create-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px;display:flex}
.subject-create-backdrop{z-index:var(--z-overlay,600);background:#000000b3;position:fixed;inset:0}.subject-create-modal{z-index:calc(var(--z-overlay,600) + 1);width:680px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);color:var(--text-main,#fff);background:var(--bg-surface,#242424);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.subject-create-header{flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.subject-create-header h2{margin:0;font-size:16px;font-weight:600}.subject-create-close{width:24px;height:24px;color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.subject-create-close:hover{background:#ffffff1a}.subject-create-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.subject-create-media{flex:none;min-height:260px}.subject-create-entry{justify-content:center;align-items:center;gap:12px;height:260px;display:flex}.subject-create-entry-card{width:240px;height:200px;color:inherit;text-align:center;cursor:pointer;background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.subject-create-entry-card:hover{background:#ffffff14}.subject-create-entry-title{font-size:14px;line-height:22px}.subject-create-entry-hint,.subject-create-entry-note{color:var(--text-secondary,#fff9);font-size:12px;line-height:18px}.subject-create-entry-or{color:var(--text-secondary,#fff9);font-size:12px}.subject-create-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.subject-create-image-cell{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:10px;position:relative;overflow:hidden}.subject-create-image-cell img{object-fit:cover;width:100%;height:100%}.subject-create-image-cell button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:9999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.subject-create-image-add{aspect-ratio:1;color:var(--text-secondary,#fff9);text-align:center;cursor:pointer;background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:10px;place-items:center;padding:8px;font-size:12px;display:grid}.subject-create-video{background:#000;border-radius:10px;width:100%;max-height:260px}.subject-create-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.subject-create-field>span{color:var(--text-secondary,#fff9)}.subject-create-field input,.subject-create-field textarea{width:100%;color:inherit;font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:13px}.subject-create-field textarea{resize:vertical;min-height:72px}.subject-create-voice-row{align-items:center;gap:10px;display:flex}.subject-create-voice-name{color:inherit}.subject-create-voice-add{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;padding:4px 10px;font-size:12px}.subject-create-voice-help{width:18px;height:18px;color:var(--text-secondary,#fff9);cursor:help;border:1px solid #fff3;border-radius:9999px;place-items:center;font-size:11px;display:grid}.subject-create-smart{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;align-self:flex-start;padding:4px 12px;font-size:12px}.subject-create-smart:disabled{opacity:.4;cursor:not-allowed}.subject-create-footer{border-top:1px solid #ffffff14;flex:none;align-items:center;gap:10px;height:64px;padding:0 16px;display:flex}.subject-create-tag{color:var(--text-secondary,#fff9);font-size:12px}.subject-create-footer-spacer{flex:1}.subject-create-footer button{height:34px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;padding:0 16px;font-size:13px}.subject-create-footer button.is-primary{color:#171717;background:#fff;border-color:#fff}.subject-create-footer button.is-primary:disabled{opacity:.4;cursor:not-allowed}.subject-create-confirm{z-index:5;text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.subject-create-confirm p{color:var(--text-secondary,#fff9);margin:0;font-size:12px}.subject-create-confirm-actions{gap:8px;margin-top:8px;display:flex}:root[data-mantine-color-scheme=light] .subject-create-modal{color:#171717;background:#fff;border-color:#0000001f}:root[data-mantine-color-scheme=light] .subject-create-entry-card,:root[data-mantine-color-scheme=light] .subject-create-image-add{background:#0000000a;border-color:#0003}:root[data-mantine-color-scheme=light] .subject-create-field input,:root[data-mantine-color-scheme=light] .subject-create-field textarea{background:#f5f5f5;border-color:#00000024}:root[data-mantine-color-scheme=light] .subject-create-footer{border-top-color:#00000014}:root[data-mantine-color-scheme=light] .subject-create-footer button{background:#00000014;border-color:#0000001f}:root[data-mantine-color-scheme=light] .subject-create-footer button.is-primary{color:#fff;background:#171717;border-color:#171717}:root[data-mantine-color-scheme=light] .subject-create-close:hover{background:#0000000f}
.skill-edit-backdrop{z-index:var(--z-overlay,600);background:#000000b3;position:fixed;inset:0}.skill-edit-modal{z-index:calc(var(--z-overlay,600) + 1);width:min(920px,92vw);height:86vh;color:var(--text-main,#fff);background:var(--bg-surface,#242424);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.skill-edit-header{flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.skill-edit-header h2{margin:0;font-size:16px;font-weight:600}.skill-edit-close{width:24px;height:24px;color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.skill-edit-close:hover{background:#ffffff1a}.skill-edit-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 20px 16px;display:flex;overflow-y:auto}.skill-edit-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.skill-edit-field>span{color:var(--text-secondary,#fff9)}.skill-edit-field input,.skill-edit-field textarea,.skill-edit-field select{width:100%;color:inherit;font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:13px}.skill-edit-field textarea{resize:vertical;min-height:84px}.skill-edit-content-modes{gap:8px;display:flex}.skill-edit-content-modes button{height:28px;color:var(--text-secondary,#fff9);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;padding:0 12px;font-size:12px}.skill-edit-content-modes button.is-active{color:#171717;background:#fff;border-color:#fff}.skill-edit-content-modes .skill-edit-optimize{margin-left:auto}.skill-edit-folder-empty{color:var(--text-secondary,#fff9);border:1px dashed #ffffff2e;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.skill-edit-folder-empty button{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;padding:4px 12px}.skill-edit-files{gap:12px;min-height:180px;display:flex}.skill-edit-file-list{border-right:1px solid #ffffff14;width:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.skill-edit-file-list li{align-items:center;gap:4px;display:flex}.skill-edit-file-list li>button:first-child{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.skill-edit-file-list li>button:first-child.is-active{background:#ffffff1a}.skill-edit-file-list em{color:#07b8dd;font-size:10px;font-style:normal}.skill-edit-file-editor{flex-direction:column;flex:1;gap:8px;display:flex}.skill-edit-file-rename{width:240px;color:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-size:12px}.skill-edit-file-editor textarea{min-height:140px;color:inherit;font:inherit;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:8px 10px;font-size:12px}.skill-edit-select-hint{color:var(--text-secondary,#fff9);font-size:12px}.skill-edit-footer{border-top:1px solid #ffffff14;flex:none;align-items:center;gap:10px;height:64px;padding:0 20px;display:flex}.skill-edit-footer-spacer{flex:1}.skill-edit-footer button{height:34px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;padding:0 16px;font-size:13px}.skill-edit-footer button.is-primary{color:#171717;background:#fff;border-color:#fff}.skill-edit-footer button:disabled{opacity:.4;cursor:not-allowed}.skill-edit-confirm{z-index:5;text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.skill-edit-confirm p{color:var(--text-secondary,#fff9);margin:0;font-size:12px}.skill-edit-confirm-actions{gap:8px;margin-top:8px;display:flex}:root[data-mantine-color-scheme=light] .skill-edit-modal{color:#171717;background:#fff;border-color:#0000001f}:root[data-mantine-color-scheme=light] .skill-edit-field input,:root[data-mantine-color-scheme=light] .skill-edit-field textarea,:root[data-mantine-color-scheme=light] .skill-edit-field select,:root[data-mantine-color-scheme=light] .skill-edit-file-editor textarea,:root[data-mantine-color-scheme=light] .skill-edit-file-rename{background:#f5f5f5;border-color:#00000024}:root[data-mantine-color-scheme=light] .skill-edit-content-modes button{background:#0000000a;border-color:#00000024}:root[data-mantine-color-scheme=light] .skill-edit-content-modes button.is-active{color:#fff;background:#171717;border-color:#171717}:root[data-mantine-color-scheme=light] .skill-edit-file-list{border-right-color:#00000014}:root[data-mantine-color-scheme=light] .skill-edit-file-list li>button:first-child.is-active{background:#00000014}:root[data-mantine-color-scheme=light] .skill-edit-footer{border-top-color:#00000014}:root[data-mantine-color-scheme=light] .skill-edit-footer button{background:#00000014;border-color:#0000001f}:root[data-mantine-color-scheme=light] .skill-edit-footer button.is-primary{color:#fff;background:#171717;border-color:#171717}.skill-edit-file-actions{padding:6px 8px}.skill-edit-file-actions button{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;padding:4px 10px;font-size:12px}:root[data-mantine-color-scheme=light] .skill-edit-file-actions button{background:#0000000a;border-color:#0000001f}
.skill-panel{--skill-surface-panel:#141414;--skill-surface-row:#212121;--skill-border:#ffffff1a;--skill-text:#f7f7f7;--skill-text-muted:#fff6;--skill-search-bg:#ffffff0f;--skill-hover-bg:#ffffff1a;--skill-shadow-row:0 4px 5px #0000001f;--skill-badge-warning-bg:#fe6e0026;--skill-badge-warning-text:#ff8b1a;--skill-badge-success-bg:#64d95926;--skill-badge-success-text:#85ff75;--skill-badge-danger-bg:#f53f3f26;--skill-badge-danger-text:#f76560;color:var(--skill-text);background:var(--skill-surface-panel);border:.5px solid var(--skill-border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.skill-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.skill-panel-entries{align-items:center;gap:8px;display:flex}.skill-panel-entry{color:inherit;border:.5px solid var(--skill-border);cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.skill-panel-entry:hover{background:var(--skill-hover-bg)}.skill-panel-entry-icon{flex:none}.skill-panel-entry-text{flex-direction:column;gap:2px;display:flex}.skill-panel-entry-text strong{font-size:13px;font-weight:500;line-height:18px}.skill-panel-entry-text small{color:var(--skill-text-muted);font-size:12px;line-height:16px}.skill-panel-add{min-width:110px;height:40px;color:var(--btn-invert-text,#141414);background:var(--btn-invert-bg,#fff);cursor:pointer;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:500}.skill-panel-add:hover{background:var(--btn-invert-bg-hover,#ffffffe6)}.skill-panel-search{background:var(--skill-search-bg);height:32px;color:var(--skill-text-muted);border-radius:8px;align-items:center;gap:4px;padding:0 8px 0 6px;display:flex}.skill-panel-search-input{min-width:0;color:var(--skill-text);background:0 0;border:0;outline:none;flex:1;font-size:12px;line-height:1}.skill-panel-search-input::placeholder{color:var(--skill-text-muted)}.skill-panel-search-clear{width:20px;height:20px;color:var(--skill-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.skill-panel-search-clear:hover{background:var(--skill-hover-bg)}.skill-panel-skeleton{flex-direction:column;gap:8px;display:flex}.skill-panel-skeleton span{background:var(--skill-search-bg);border-radius:4px;height:16px}.skill-panel-skeleton span:nth-child(2){width:80%}.skill-panel-skeleton span:nth-child(3){width:60%}.skill-panel-empty{text-align:center;justify-content:center;align-items:center;min-height:96px;display:flex}.skill-panel-empty p{margin:0;font-size:14px;line-height:1.4}.skill-panel-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-panel-row{background:var(--skill-surface-row);border:.5px solid var(--skill-border);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12.5px;transition:box-shadow .15s ease-out;display:flex}.skill-panel-row:hover{box-shadow:var(--skill-shadow-row)}.skill-panel-row-main{flex-direction:column;gap:6px;min-width:0;display:flex}.skill-panel-row-title{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:500;line-height:20px}.skill-panel-row-title:hover{text-decoration:underline}.skill-panel-row-version{color:var(--skill-text-muted);font-size:12px;line-height:16px}.skill-panel-row-desc{color:var(--skill-text-muted);margin:0;font-size:12px;line-height:18px}.skill-panel-row-meta{color:var(--skill-text-muted);align-items:center;gap:12px;margin:0;font-size:12px;line-height:16px;display:flex}.skill-panel-row-actions{flex:none;align-items:center;gap:6px;display:flex}.skill-panel-action{height:26px;color:inherit;border:.5px solid var(--skill-border);cursor:pointer;background:0 0;border-radius:8px;padding:0 10px;font-size:12px;line-height:18px}.skill-panel-action:hover:not(:disabled){background:var(--skill-hover-bg)}.skill-panel-action:disabled{color:var(--skill-text-muted);cursor:not-allowed}.skill-panel-action.is-danger{color:var(--skill-badge-danger-text)}.skill-panel-action-wrap{display:inline-flex}.skill-panel-confirm-backdrop{z-index:1310;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skill-panel-confirm{width:min(420px,92vw);color:var(--skill-text);background:var(--skill-surface-panel);border:.5px solid var(--skill-border);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.skill-panel-confirm strong{font-size:15px;font-weight:600}.skill-panel-confirm p{color:var(--skill-text-muted);margin:0;font-size:13px;line-height:20px}.skill-panel-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.skill-panel-confirm-actions button{height:32px;color:inherit;border:.5px solid var(--skill-border);cursor:pointer;background:0 0;border-radius:8px;padding:0 14px;font-size:13px}.skill-panel-confirm-actions button:hover:not(:disabled){background:var(--skill-hover-bg)}.skill-panel-confirm-actions button.is-danger{color:#fff;background:#f53f3f;border-color:#f53f3f}.skill-panel-confirm-actions button:disabled{opacity:.6;cursor:not-allowed}.skill-status-badge{white-space:nowrap;border-radius:4px;align-items:center;width:fit-content;padding:2px 6px;font-size:11px;line-height:18px;display:inline-flex}.skill-status-badge--pending,.skill-status-badge--pending-update{color:var(--skill-badge-warning-text,#ff8b1a);background:var(--skill-badge-warning-bg,#fe6e0026)}.skill-status-badge--approved{color:var(--skill-badge-success-text,#85ff75);background:var(--skill-badge-success-bg,#64d95926)}.skill-status-badge--rejected{color:var(--skill-badge-danger-text,#f76560);background:var(--skill-badge-danger-bg,#f53f3f26)}.skill-picker{--skill-text:#f7f7f7;--skill-text-muted:#fff6;--skill-search-bg:#ffffff0f;--skill-hover-bg:#ffffff1a;--skill-border:#ffffff1a;--skill-badge-warning-bg:#fe6e0026;--skill-badge-warning-text:#ff8b1a;--skill-badge-success-bg:#64d95926;--skill-badge-success-text:#85ff75;--skill-badge-danger-bg:#f53f3f26;--skill-badge-danger-text:#f76560;width:228px;color:var(--skill-text);background:var(--Surface-Panel-background,#1c1c1c);border:.5px solid var(--skill-border);border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex}.skill-picker-search{background:var(--skill-search-bg);border-radius:8px;align-items:center;gap:2px;width:212px;height:28px;padding:0 8px 0 4px;display:flex}.skill-picker-search-icon{width:24px;color:var(--skill-text-muted);place-items:center;display:grid}.skill-picker-search-input{min-width:0;color:var(--skill-text);background:0 0;border:0;outline:none;flex:1;font-size:12px;line-height:1}.skill-picker-search-input::placeholder{color:var(--skill-text-muted)}.skill-picker-body{flex-direction:column;padding:0 6px 6px;display:flex}.skill-picker-hint{height:80px;color:var(--skill-text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.skill-picker-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.skill-picker-item{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.skill-picker-item:hover{background:var(--skill-hover-bg)}.skill-picker-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-picker-guide{height:36px;color:var(--skill-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin:2px 6px;font-size:12px;line-height:1;display:flex}.skill-picker-guide:hover{background:var(--skill-hover-bg)}:root[data-mantine-color-scheme=light] .skill-panel,:root[data-mantine-color-scheme=light] .skill-picker{--skill-surface-panel:#fff;--skill-surface-row:#fff;--skill-border:#e3e3e3;--skill-text:#262626;--skill-text-muted:#919191;--skill-search-bg:#0000000a;--skill-hover-bg:#0000000a;--skill-shadow-row:0 4px 5px #0000000a;--skill-badge-warning-bg:#ffedd5;--skill-badge-warning-text:#f05100;--skill-badge-success-bg:#e5ffde;--skill-badge-success-text:#4ec740;--skill-badge-danger-bg:#fdcdc5;--skill-badge-danger-text:#e11d48}
.skill-publish-layer{z-index:1200;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.skill-publish-backdrop{background:#00000080;position:absolute;inset:0}.skill-publish-panel{z-index:1;background:var(--Surface-AgentPanel-background,#212121);border:.5px solid var(--border-default);max-height:calc(100vh - 96px);box-shadow:var(--ui-shadow-modal);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.skill-publish-header{border-bottom:.5px solid var(--border-default);flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.skill-publish-title{color:var(--fg-default);font-size:14px;font-weight:500}.skill-publish-close{color:#f7f7f7;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:24px;transition:background-color .15s,color .15s;display:grid}.skill-publish-close:hover{color:var(--fg-default);background:var(--bg-surface-secondary)}.skill-publish-close:disabled{opacity:.5;cursor:default}.skill-publish-loading{flex-direction:column;gap:16px;padding:16px;display:flex}.skill-publish-skeleton{background:var(--bg-surface-secondary);border-radius:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite skill-publish-pulse}.skill-publish-skeleton.is-title{border-radius:4px;width:40%;height:20px}.skill-publish-skeleton.is-thumb{aspect-ratio:16/9;width:160px}.skill-publish-skeleton.is-body{width:100%;height:96px}@keyframes skill-publish-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skill-publish-skeleton{animation:none}}.skill-publish-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 16px 0;display:flex;overflow-y:auto}.skill-publish-work-name{color:var(--fg-default);font-size:14px}.skill-publish-case{flex-direction:column;gap:8px;display:flex}.skill-publish-case-head{justify-content:space-between;align-items:center;display:flex}.skill-publish-case-label{color:var(--fg-default);font-size:14px}.skill-publish-case-upload{color:#a8a8a8;cursor:pointer;background:#ffffff0d;border:0;border-radius:8px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:13px;transition:background-color .15s,color .15s;display:inline-flex}.skill-publish-case-upload:not(:disabled){color:var(--fg-default)}.skill-publish-case-upload:not(:disabled):hover{background:var(--bg-surface-secondary)}.skill-publish-case-upload:disabled{cursor:not-allowed}.skill-publish-case-grid{flex-wrap:wrap;gap:4px;display:flex}.skill-publish-case-item{flex-direction:column;flex:none;gap:4px;width:160px;display:flex}.skill-publish-thumb{border:1px solid var(--border-default);border-radius:8px;height:90px;position:relative;overflow:hidden}.skill-publish-thumb-media,.skill-publish-thumb-media-el{width:100%;height:100%}.skill-publish-thumb-media{justify-content:center;align-items:center;display:flex}.skill-publish-thumb-media.is-video{background:#000;position:relative}.skill-publish-thumb-media.is-audio{color:#919191;background:var(--bg-surface-secondary)}.skill-publish-thumb-media.is-text{color:#a8a8a8;background:var(--bg-surface-secondary)}.skill-publish-thumb-media-el{object-fit:cover}.skill-publish-thumb-play{background:#ffffffe6;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000024}.skill-publish-thumb-play-glyph{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #303030;width:0;height:0;margin-left:2px}.skill-publish-thumb-actions{opacity:0;justify-content:flex-end;align-items:flex-start;gap:4px;padding:6px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;inset:0}.skill-publish-thumb:hover .skill-publish-thumb-actions,.skill-publish-thumb-actions:focus-within{opacity:1;background:#0003}.skill-publish-thumb-btn,.skill-publish-thumb-del{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:8px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:11px;display:inline-flex}.skill-publish-thumb-del{justify-content:center;width:24px;padding:0}.skill-publish-thumb-btn:hover,.skill-publish-thumb-del:hover{background:#000000b3}.skill-publish-thumb-btn:disabled{opacity:.5;cursor:default}.skill-publish-thumb-loading{background:#0006;place-items:center;display:grid;position:absolute;inset:0}.skill-publish-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:999px;width:20px;height:20px;animation:.9s linear infinite skill-publish-spin}.skill-publish-thumb-del .libtv-icon,.skill-publish-thumb-btn .libtv-icon{flex:none}@keyframes skill-publish-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.skill-publish-spinner{animation-duration:3s}}.skill-publish-link{position:relative}.skill-publish-link-input{width:100%;height:20px;color:var(--fg-default);text-align:center;background:#ffffff1a;border:0;border-radius:8px;outline:none;padding:0 10px;font-size:12px;transition:background-color .15s,color .15s;display:block}.skill-publish-link-input::placeholder{color:var(--fg-subtle)}.skill-publish-link-error{color:var(--color-red-400);text-align:center;font-size:11px;line-height:16px;display:block}.skill-publish-link-hint{pointer-events:none;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.skill-publish-link-hint-text{color:#919191;font-size:11px}.skill-publish-link-tip{align-items:center;display:inline-flex;position:relative}.skill-publish-link-tip-btn{color:#a8a8a8;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;margin-top:2px;padding:0;display:flex}.skill-publish-link-tip-bubble{z-index:1400;color:#f7f7f7;border:1px solid var(--border-default);text-align:center;opacity:0;visibility:hidden;background:#212121;border-radius:12px;width:280px;padding:12px;font-size:13px;transition:opacity .15s,visibility .15s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a,0 2px 4px #0000000a}.skill-publish-link-tip:hover .skill-publish-link-tip-bubble,.skill-publish-link-tip:focus-within .skill-publish-link-tip-bubble{opacity:1;visibility:visible}.skill-publish-case-empty{width:160px;height:90px;color:var(--fg-subtle);border:1px dashed var(--border-default);cursor:pointer;background:#ffffff1a;border-radius:8px;flex:none;place-items:center;transition:border-color .15s,color .15s,background-color .15s;display:grid}.skill-publish-case-empty:hover{color:var(--fg-default);border-color:var(--fg-default)}.skill-publish-field{flex-direction:column;gap:8px;display:flex;position:relative}.skill-publish-field-label{color:var(--fg-default);font-size:14px}.skill-publish-select-input{width:100%;height:40px;color:var(--fg-default);cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 36px 0 12px;font-size:14px;transition:background-color .15s;display:flex}.skill-publish-select-input:disabled{opacity:.5;cursor:default}.skill-publish-select-input .is-placeholder{color:var(--fg-subtle)}.skill-publish-select-dropdown{z-index:1400;background:var(--bg-surface);border:1px solid var(--border-default);max-height:240px;box-shadow:var(--canvas-shadow-dropdown);border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.skill-publish-select-dropdown button{height:32px;color:var(--fg-default);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 8px;font-size:14px;display:flex}.skill-publish-select-dropdown button:hover,.skill-publish-select-dropdown button.is-selected{background:var(--bg-surface-secondary)}.skill-publish-visibility{align-items:center;gap:10px;display:flex}.skill-publish-switch{background:var(--switch-track-bg);cursor:pointer;border:0;border-radius:999px;align-items:center;width:28px;height:16px;padding:2px;transition:background-color .15s;display:inline-flex}.skill-publish-switch.is-on{background:var(--switch-track-bg-checked)}.skill-publish-switch-thumb{background:var(--switch-thumb-bg);border-radius:999px;width:12px;height:12px;transition:transform .15s}.skill-publish-switch.is-on .skill-publish-switch-thumb{transform:translate(12px)}.skill-publish-footer{flex:none;justify-content:space-between;align-items:center;gap:4px;padding:16px;display:flex}.skill-publish-agreement{cursor:pointer;align-items:center;gap:4px;min-width:0;display:flex}.skill-publish-agreement input{width:12px;height:12px;accent-color:var(--switch-track-bg-checked);flex:none;margin:0}.skill-publish-agreement-text{color:#787878;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.skill-publish-agreement-text a{color:#07b8dd}.skill-publish-agreement-text a:hover{text-decoration:underline}.skill-publish-submit{height:32px;color:var(--btn-invert-text);background:var(--btn-invert-bg);cursor:pointer;border:0;border-radius:8px;flex:none;align-items:center;padding:0 12px;font-size:13px;transition:background-color .15s;display:inline-flex}.skill-publish-submit:hover:not(:disabled){background:var(--btn-invert-bg-hover)}.skill-publish-submit:disabled{opacity:.5;cursor:default}:root[data-mantine-color-scheme=light] .skill-publish-close{color:#262626}:root[data-mantine-color-scheme=light] .skill-publish-case-upload{background:var(--bg-surface)}:root[data-mantine-color-scheme=light] .skill-publish-case-empty,:root[data-mantine-color-scheme=light] .skill-publish-link-input{background:var(--input-bg)}:root[data-mantine-color-scheme=light] .skill-publish-select-input{background:#0000000a}:root[data-mantine-color-scheme=light] .skill-publish-link-hint-text{color:var(--fg-subtle)}:root[data-mantine-color-scheme=light] .skill-publish-link-tip-btn{color:#525252}:root[data-mantine-color-scheme=light] .skill-publish-link-tip-bubble{color:#262626;background:#fff}:root[data-mantine-color-scheme=light] .skill-publish-link-error{color:var(--color-red-700)}
:root{--ui-skill-backdrop:#00000080;--ui-skill-surface:#212121;--ui-skill-meta-text:#a8a8a8;--ui-skill-dot-bg:#ffffff57;--ui-skill-control-border:#363636;--ui-skill-control-hover-bg:#363636;--ui-skill-hover-bg:#ffffff24;--ui-skill-primary-bg:#fff;--ui-skill-primary-text:#141414;--ui-skill-menu-surface:#212121;--ui-skill-menu-border:#363636;--ui-skill-menu-shadow:0 8px 16px #00000014, 0 2px 4px #0000000f;--ui-skill-card-label:#ffffff73;--ui-skill-card-border:#ffffff14;--ui-skill-card-name:#ffffffd9;--ui-skill-card-badge-bg:#ffffff1a;--ui-skill-card-art-bg:var(--bg-surface-secondary);--ui-skill-card-art-icon:#ffffff8c;--ui-skill-card-art-line:#ffffff1a;--ui-skill-card-art-shadow:0px 27px 18px #0000000f, 0px 9px 9px #0000000a, 0px 1px .5px #00000005;--ui-skill-card-button-border:#ffffff26;--ui-skill-card-button-bg:#ffffff1a;--ui-skill-card-button-text:#ffffffd9;--ui-skill-card-button-hover-bg:#ffffff29;--ui-skill-card-primary-bg:#fff;--ui-skill-card-primary-text:#141414}.skill-detail-layer{z-index:1200;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.skill-detail-backdrop{background:var(--ui-skill-backdrop);position:absolute;inset:0}.skill-detail-modal{z-index:10;width:min(900px,100vw - 40px);max-height:calc(100vh - 120px);color:var(--fg-default);background:var(--ui-skill-surface);border:.5px solid var(--border-default);box-shadow:var(--canvas-shadow-menu);border-radius:16px;flex-direction:column;font-size:14px;display:flex;position:relative;overflow:hidden}.skill-detail-modal.is-tall{height:calc(100vh - 120px);min-height:600px}.skill-detail-close{z-index:20;width:28px;height:28px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:12px;right:24px}.skill-detail-close:hover{color:var(--fg-default);background:var(--bg-surface-secondary)}.skill-detail-skeleton{flex-direction:column;gap:16px;padding:24px;display:flex}.skill-detail-skeleton>span{background:var(--bg-surface-secondary);border-radius:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite skill-detail-pulse;display:block}.skill-detail-skeleton>.is-title{width:40%;height:32px}.skill-detail-skeleton>.is-line{width:60%;height:20px}.skill-detail-skeleton>.is-block{border-radius:12px;width:100%;height:480px}@keyframes skill-detail-pulse{50%{opacity:.5}}.skill-detail-header{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:46px 24px 24px;display:flex}.skill-detail-heading{flex-direction:column;gap:8px;min-width:0;display:flex}.skill-detail-title-row{flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.skill-detail-title{color:var(--fg-default);margin:0;font-size:24px;font-weight:500;line-height:34px}.skill-detail-subtitle{color:var(--fg-subtle);font-size:13px}.skill-detail-meta{color:var(--ui-skill-meta-text);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;line-height:20px;display:flex}.skill-detail-author{align-items:center;gap:6px;min-width:0;display:flex}.skill-detail-avatar{object-fit:cover;border-radius:9999px;flex:none;width:16px;height:16px;margin-right:4px}.skill-detail-meta-item{align-items:center;gap:4px;display:flex}.skill-detail-dot{background:var(--ui-skill-dot-bg);border-radius:9999px;flex:none;width:3px;height:3px}.skill-detail-actions{flex:none;align-items:center;gap:8px;display:flex}.skill-detail-menu-wrap{position:relative}.skill-detail-icon-button,.skill-detail-publish,.skill-detail-use{color:var(--fg-default);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.skill-detail-icon-button{border:1px solid var(--ui-skill-control-border);background:0 0;width:40px;height:40px}.skill-detail-publish{white-space:nowrap;border:1px solid var(--ui-skill-control-border);background:0 0;height:40px;padding:0 16px;font-size:14px}.skill-detail-use{width:110px;height:40px;color:var(--ui-skill-primary-text);background:var(--ui-skill-primary-bg);border:0;font-size:14px;font-weight:500}.skill-detail-icon-button:hover,.skill-detail-publish:hover{background:var(--ui-skill-control-hover-bg)}.skill-detail-use:hover{opacity:.9}.skill-detail-icon-button:disabled,.skill-detail-publish:disabled,.skill-detail-use:disabled{opacity:.45;cursor:not-allowed}.skill-detail-menu{z-index:5;background:var(--ui-skill-menu-surface);border:.5px solid var(--ui-skill-menu-border);width:148px;box-shadow:var(--ui-skill-menu-shadow);border-radius:12px;flex-direction:column;padding:4px;font-size:13px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.skill-detail-menu-item{width:100%;height:32px;color:var(--fg-default);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 8px;font-size:13px;display:flex}.skill-detail-menu-item:hover{background:var(--bg-surface-secondary)}.skill-detail-menu-item.is-danger{color:var(--status-error)}.skill-detail-menu-item:disabled{opacity:.45;cursor:not-allowed}.skill-detail-menu-item:disabled:hover{background:0 0}.skill-detail-scroll{flex:auto;min-width:0;min-height:0;overflow-y:auto}.skill-detail-body{flex-direction:column;gap:24px;padding:0 24px 24px;display:flex}.skill-detail-section{flex-direction:column;gap:12px;display:flex}.skill-detail-section-title{color:var(--fg-default);margin:0;font-size:15px;font-weight:500}.skill-detail-row{align-items:flex-start;gap:16px;font-size:14px;line-height:20px;display:flex}.skill-detail-row-label{width:70px;color:var(--ui-skill-meta-text);flex:none}.skill-detail-row-value{min-width:0;color:var(--fg-default);white-space:pre-wrap;overflow-wrap:anywhere;flex:auto}.skill-detail-file-head{justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.skill-detail-file-tools{align-items:center;gap:12px;min-width:0;display:flex}.skill-detail-file-count{color:var(--ui-skill-meta-text);flex:none;font-size:13px;line-height:20px}.skill-detail-file-switch{min-width:160px;max-width:260px;height:36px;color:var(--fg-default);background:var(--bg-surface-secondary);cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.skill-detail-file-switch:hover,.skill-detail-file-switch.is-open{background:var(--ui-skill-hover-bg)}.skill-detail-file-switch-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:auto;min-width:0;overflow:hidden}.skill-detail-file-switch.is-open .libtv-icon{transform:rotate(180deg)}.skill-detail-file-menu{z-index:5;background:var(--ui-skill-menu-surface);border:.5px solid var(--ui-skill-menu-border);width:250px;max-height:320px;box-shadow:var(--ui-skill-menu-shadow);border-radius:12px;flex-direction:column;padding:8px;display:flex;position:absolute;top:44px;right:0;overflow-y:auto}.skill-detail-file-option{width:100%;height:30px;color:var(--fg-default);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:13px;line-height:30px;display:block;overflow:hidden}.skill-detail-file-option:hover{background:var(--ui-skill-hover-bg)}.skill-detail-file-option.is-active{background:var(--bg-surface-secondary)}.skill-detail-file-box{border:.5px solid var(--ui-skill-control-border);border-radius:12px;flex-direction:column;height:480px;min-height:480px;padding:12px;display:flex;overflow-y:auto}.skill-detail-code{font-family:var(--font-mono);color:var(--fg-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.625}.skill-detail-file-empty{border:.5px solid var(--ui-skill-control-border);height:480px;color:var(--fg-subtle);border-radius:12px;justify-content:center;align-items:center;font-size:13px;display:flex}.skill-card-shell{flex-direction:column;gap:6px;width:100%;min-width:0;margin:8px 0;display:flex}.skill-card-failed{color:var(--fg-subtle);font-size:12px}.skill-card-label{color:var(--ui-skill-card-label);align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex}.skill-card-label-icon{flex:none}.skill-card{background:var(--bg-surface);border:.5px solid var(--ui-skill-card-border);border-radius:16px;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px;display:flex}.skill-card-row{align-items:center;gap:10px;min-width:0;display:flex}.skill-card-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.skill-card-name-row{align-items:center;gap:6px;min-width:0;display:flex}.skill-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-skill-card-name);font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.skill-card-desc{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-skill-card-label);font-size:12px;line-height:16px;overflow:hidden}.skill-card-badge{color:var(--ui-skill-card-label);background:var(--ui-skill-card-badge-bg);border-radius:4px;flex:none;padding:2px 6px;font-size:11px;line-height:14px}.skill-card-cover{background:var(--bg-canvas);border:.5px solid var(--ui-skill-card-border);border-radius:8px;flex:none;width:74px;height:48px;display:block;position:relative;overflow:hidden}.skill-card-cover-img{object-fit:cover;width:100%;height:100%}.skill-card-cover-square{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.skill-card-cover-blank{background:var(--ui-skill-card-art-bg);width:50px;height:71px;box-shadow:var(--ui-skill-card-art-shadow);border-radius:5px;flex-direction:column;gap:11px;padding:5px 5px 0;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.skill-card-cover-icon{color:var(--ui-skill-card-art-icon);flex:none}.skill-card-cover-lines{flex-direction:column;gap:3.5px;display:flex}.skill-card-cover-line{background:var(--ui-skill-card-art-line);border-radius:9999px;width:100%;height:3.5px;display:block}.skill-card-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.skill-card-button{height:28px;color:var(--ui-skill-card-button-text);background:var(--ui-skill-card-button-bg);border:.5px solid var(--ui-skill-card-button-border);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;transition:background-color .15s;display:inline-flex}.skill-card-button:hover{background:var(--ui-skill-card-button-hover-bg)}.skill-card-button.is-icon{min-width:28px;padding:0 6px}.skill-card-button.is-primary{color:var(--ui-skill-card-primary-text);background:var(--ui-skill-card-primary-bg);border-color:var(--ui-skill-card-primary-bg)}.skill-card-button.is-primary:hover{opacity:.9;background:var(--ui-skill-card-primary-bg)}.skill-card-button:disabled{opacity:.45;cursor:not-allowed}.skill-card-button:disabled:hover{background:var(--ui-skill-card-button-bg)}.skill-card-button.is-primary:disabled:hover{background:var(--ui-skill-card-primary-bg)}.skill-card-spinner{border:1.5px solid;border-top-color:#0000;border-radius:9999px;width:12px;height:12px;animation:.8s linear infinite skill-card-spin;display:block}@keyframes skill-card-spin{to{transform:rotate(360deg)}}.skill-edit-state{color:var(--fg-subtle);flex:auto;justify-content:center;align-items:center;font-size:13px;display:flex}.skill-edit-state.is-error{color:var(--status-error)}:root[data-mantine-color-scheme=light]{--ui-skill-surface:#fff;--ui-skill-meta-text:#919191;--ui-skill-dot-bg:#00000024;--ui-skill-control-border:#e3e3e3;--ui-skill-control-hover-bg:#f7f7f7;--ui-skill-hover-bg:#0000000f;--ui-skill-primary-bg:#141414;--ui-skill-primary-text:#fff;--ui-skill-menu-surface:#fff;--ui-skill-menu-border:#e5e6ec;--ui-skill-menu-shadow:0 8px 16px #00000014, 0 2px 4px #0000000f;--ui-skill-card-label:#00000073;--ui-skill-card-border:#e3e3e3;--ui-skill-card-name:#262626;--ui-skill-card-badge-bg:#0000000d;--ui-skill-card-art-bg:var(--bg-surface);--ui-skill-card-art-icon:#0000008c;--ui-skill-card-art-line:#0000000f;--ui-skill-card-button-border:#0000001a;--ui-skill-card-button-bg:#0000000a;--ui-skill-card-button-text:#525252;--ui-skill-card-button-hover-bg:#00000012;--ui-skill-card-primary-bg:#262626;--ui-skill-card-primary-text:#fff}
.skill-panel-host-backdrop{z-index:var(--z-overlay,600);background:#000000b3;position:fixed;inset:0}.skill-panel-host{z-index:calc(var(--z-overlay,600) + 1);width:min(1120px,92vw);height:min(700px,86vh);color:var(--text-main,#fff);background:var(--bg-surface,#242424);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.skill-panel-host-header{border-bottom:1px solid #ffffff12;flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.skill-panel-host-title{font-size:16px;font-weight:600}.skill-panel-host-close{width:24px;height:24px;color:inherit;cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.skill-panel-host-close:hover{opacity:1;background:#ffffff14}.skill-panel-host-body{flex:auto;min-height:0;overflow:auto}:root[data-mantine-color-scheme=light] .skill-panel-host{color:#171717;background:#fff;border-color:#0000001f}:root[data-mantine-color-scheme=light] .skill-panel-host-header{border-bottom-color:#00000014}:root[data-mantine-color-scheme=light] .skill-panel-host-close:hover{background:#0000000f}
.opening-editor{--nt-bg-body:#161616;--nt-bg-float:#242424;--nt-bg-float-glass-l1:#1f1f1ff2;--nt-bg-float-glass-l2:#1f1f1fbf;--nt-bg-canvas:#1a1a1a;--nt-bg-overlay:#ffffff0f;--nt-bg-overlay-hover:#ffffff14;--nt-bg-overlay-active:#ffffff1a;--nt-bg-invert:#1f1f1f;--nt-bg-invert-hover:#2c2c2c;--nt-text-default:#fff;--nt-text-secondary:#fff9;--nt-text-tertiary:#ffffff4d;--nt-text-onbrand:#000;--nt-text-onbrand-tertiary:#0006;--nt-text-brand:#5ddcff;--nt-border-neutral-l1:#ffffff14;--nt-primary-default:#3b82f6;--nt-danger-default:#e74c3c;--opening-guide-bubble:#3fdafd;--opening-guide-bubble-text:#000;--opening-guide-bubble-button:#242424;--opening-guide-bubble-button-hover:#0d0d0d;--opening-guide-bubble-button-text:#fff;--opening-version-cover:#333;--opening-stroke-default:#3d7bff;--opening-none-slash:#e74c3c;--opening-cta-gradient:linear-gradient(180deg, #53dfff 0%, #00b5de 100%);--opening-frame-black:#000;z-index:var(--z-overlay,600);color:var(--nt-text-default);background:var(--nt-bg-body,var(--canvas-bg,#161616));-webkit-user-select:none;user-select:none;outline:none;display:flex;position:fixed;inset:0}:root[data-mantine-color-scheme=light] .opening-editor{--nt-bg-body:#fff;--nt-bg-float:#fff;--nt-bg-float-glass-l1:#fffffff2;--nt-bg-float-glass-l2:#ffffffbf;--nt-bg-canvas:#f5f5f5;--nt-bg-overlay:#0000000a;--nt-bg-overlay-hover:#0000000f;--nt-bg-overlay-active:#00000014;--nt-bg-invert:#2c2c2c;--nt-bg-invert-hover:#4a4a4a;--nt-text-default:#000000e5;--nt-text-secondary:#0000008c;--nt-text-tertiary:#0000004d;--nt-text-onbrand:#fff;--nt-text-onbrand-tertiary:#fff6;--nt-text-brand:#13d5ff;--nt-border-neutral-l1:#00000012;--opening-guide-bubble:#3fdafd;--opening-guide-bubble-text:#000;--opening-guide-bubble-button:#242424;--opening-guide-bubble-button-hover:#0d0d0d;--opening-guide-bubble-button-text:#fff;--opening-version-cover:#333;--opening-stroke-default:#3d7bff;--opening-none-slash:#e74c3c;--opening-frame-black:#000}.opening-editor *{box-sizing:border-box}.opening-boot{flex:1;justify-content:center;align-items:center;display:flex}.opening-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;animation:.8s linear infinite opening-spin;display:inline-block}@keyframes opening-spin{to{transform:rotate(360deg)}}.opening-stage-exit{z-index:10;width:28px;height:28px;color:var(--nt-text-secondary);background:var(--nt-bg-float-glass-l2);border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;left:12px}.opening-stage-exit:hover{color:var(--nt-text-default);background:var(--nt-bg-overlay-hover)}.opening-stage-exit--back svg{transform:rotate(180deg)}.opening-keyframe{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:0 24px;display:flex}.opening-keyframe__heading{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.opening-keyframe__title{color:var(--nt-text-default);margin:0;font-size:20px;font-weight:500;line-height:normal}.opening-keyframe__subtitle{color:var(--nt-text-secondary);margin:0;font-size:13px;line-height:20px}.opening-keyframe__body{flex-direction:column;align-items:center;gap:20px;padding:10px;display:flex}.opening-keyframe__frame{background:var(--opening-frame-black);border-color:var(--nt-border-neutral-l1);border-style:solid;position:relative;overflow:hidden}.opening-keyframe__video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.opening-keyframe__scrim{inset-inline:0;pointer-events:none;background:linear-gradient(#0000,#000000b3);height:110px;position:absolute;bottom:0}.opening-keyframe__overlay{pointer-events:none;background:#0003;position:absolute;inset:0}.opening-keyframe__overlay-caption{inset-inline:0;pointer-events:none;justify-content:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.opening-keyframe__pill{color:var(--nt-text-default);background:var(--nt-bg-float-glass-l2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 1px 2px #0000000a;border-radius:999px;padding:6px 14px;font-size:13px;line-height:20px}.opening-keyframe__track-slot{inset-inline:0;padding:16px;position:absolute;bottom:0}.opening-keyframe__track-outer{display:flex}.opening-keyframe-track{background:var(--opening-frame-black);cursor:pointer;border-radius:6px;flex:1;align-items:stretch;gap:1px;height:48px;display:flex;overflow:hidden}.opening-keyframe-track__thumb,.opening-keyframe-track__placeholder{object-fit:cover;opacity:.72;flex:1 1 0;min-width:0;height:100%}.opening-keyframe-track__placeholder{background:var(--nt-bg-overlay);display:block}.opening-keyframe__title-bar{background:var(--nt-bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;align-items:center;width:561px;max-width:calc(100vw - 48px);height:46px;padding:0 24px;display:flex}.opening-keyframe__title-input{width:100%;height:100%;color:var(--nt-text-default);text-align:center;background:0 0;border:0;outline:none;font-size:14px;line-height:22px}.opening-keyframe__title-input::placeholder{color:var(--nt-text-tertiary)}.opening-keyframe__cta{width:240px;height:40px;color:var(--nt-text-onbrand);background:var(--nt-bg-invert);border:0;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:500;line-height:22px;transition:background-color .15s;display:flex}.opening-keyframe__cta:hover:not(:disabled){background:var(--nt-bg-invert-hover)}.opening-keyframe__cta:disabled{opacity:.5}.opening-editor__side{background:var(--nt-bg-body);border-right:1px solid var(--nt-border-neutral-l1);flex:none;width:360px;transition:width .3s ease-out,border-color .3s ease-out;position:relative;overflow:hidden}.opening-editor__side.is-collapsed{border-right-color:#0000;width:0}.opening-editor__side-inner{flex-direction:column;width:360px;height:100%;display:flex}.opening-editor__main{background:var(--nt-bg-canvas);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.opening-panel{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.opening-panel__scroll{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 20px 120px;display:flex;overflow-y:auto}.opening-panel__tabs{background:var(--nt-bg-overlay);border-radius:10px;align-items:center;gap:4px;margin-top:16px;padding:4px;display:flex}.opening-panel__tabs.is-disabled{pointer-events:none;opacity:.4}.opening-panel__tab{height:36px;color:var(--nt-text-secondary);background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;line-height:20px;transition:color .15s,background-color .15s;display:flex}.opening-panel__tab:hover{color:var(--nt-text-default)}.opening-panel__tab.is-active{color:var(--nt-text-default);background:var(--nt-bg-overlay);border-radius:14px}.opening-panel__section{flex-direction:column;display:flex}.opening-panel__section-header{height:32px;color:var(--nt-text-secondary);align-items:center;font-size:13px;line-height:20px;display:flex}.opening-panel__section-body{flex-direction:column;gap:8px;display:flex}.opening-panel__hint{color:var(--nt-text-secondary);text-align:center;margin:0;padding:0 4px;font-size:12px;line-height:18px}.opening-panel__title-input{width:100%;height:32px;color:var(--nt-text-default);background:var(--nt-bg-overlay);border:0;border-radius:8px;outline:none;padding:0 10px;font-size:13px}.opening-panel__title-input::placeholder{color:var(--nt-text-secondary)}.opening-panel__title-input:disabled{opacity:.5}.opening-replace{position:relative}.opening-replace__area{background:var(--nt-bg-overlay);border:0;border-radius:8px;width:100%;height:146px;display:block;position:relative;overflow:hidden}.opening-replace__area:disabled{opacity:.6}.opening-replace__image{object-fit:contain;width:100%;height:100%}.opening-replace__empty{height:100%;color:var(--nt-text-secondary);text-align:center;justify-content:center;align-items:center;padding:0 16px;font-size:13px;line-height:20px;display:flex}.opening-replace__hover{opacity:0;background:#0003;transition:opacity .15s;position:absolute;inset:0}.opening-replace__area:hover .opening-replace__hover:not(:disabled){opacity:1}.opening-menu{z-index:5;background:var(--nt-bg-float);border:.5px solid var(--nt-border-neutral-l1);border-radius:16px;flex-direction:column;gap:2px;min-width:160px;padding:6px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 16px 24px -8px #0000000f,0 4px 8px -4px #0000000a}.opening-menu button{color:var(--nt-text-default);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:7px 8px;font-size:14px;line-height:22px;display:flex}.opening-menu button:hover{background:var(--nt-bg-overlay-hover)}.opening-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:relative}.opening-preset-tile{background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:6px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.opening-preset-tile[data-selected]{border-color:var(--nt-border-neutral-l1);background:var(--nt-bg-overlay)}.opening-preset-tile:disabled{opacity:.5}.opening-preset-tile__cover{aspect-ratio:16/9;background:var(--nt-bg-overlay);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.opening-preset-tile__cover img{object-fit:cover;width:100%;height:100%}.opening-preset-tile__cover-fallback{background:var(--opening-version-cover);width:100%;height:100%}.opening-preset-tile__cover--custom{color:var(--nt-text-secondary)}.opening-preset-tile__name{max-width:100%;color:var(--nt-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.opening-preset-tile[data-selected] .opening-preset-tile__name{color:var(--nt-text-default)}.opening-preset-tile__menu{opacity:0;transition:opacity .15s;position:absolute;top:10px;right:10px}.opening-preset-tile__menu.is-visible{opacity:1}.opening-preset-tile__more{width:22px;height:22px;color:var(--nt-text-default);background:var(--nt-bg-float-glass-l2);border:0;border-radius:8px;place-items:center;display:grid}.opening-preset-tile__menu-holder{display:block;position:relative}.opening-preset-menu,.opening-version-menu{z-index:30;background:var(--nt-bg-float);border:.5px solid var(--nt-border-neutral-l1);border-radius:12px;flex-direction:column;gap:2px;min-width:140px;padding:6px;display:flex;position:absolute;top:26px;right:0;box-shadow:0 16px 24px -8px #0000000f,0 4px 8px -4px #0000000a}.opening-version-menu{top:18px;right:-8px}.opening-preset-menu button,.opening-version-menu button{color:var(--nt-text-default);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 8px;font-size:13px;line-height:20px}.opening-preset-menu button:hover,.opening-version-menu button:hover{background:var(--nt-bg-overlay-hover)}.opening-preset-menu button.is-danger,.opening-version-menu button.is-danger{color:var(--nt-danger-default)}.opening-history{z-index:25;background:var(--nt-bg-float);border:.5px solid var(--nt-border-neutral-l1);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;inset:12px 12px 96px;box-shadow:0 16px 24px -8px #0000000f,0 4px 8px -4px #0000000a}.opening-history__head{color:var(--nt-text-default);justify-content:space-between;align-items:center;font-size:13px;line-height:20px;display:flex}.opening-history__close{width:22px;height:22px;color:var(--nt-text-secondary);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.opening-history__close:hover{background:var(--nt-bg-overlay-hover)}.opening-history__hint{color:var(--nt-danger-default);margin:0;font-size:12px;line-height:18px}.opening-history__loading{flex:1;justify-content:center;align-items:center;display:flex}.opening-history__grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid;overflow-y:auto}.opening-history__item{aspect-ratio:1;background:var(--nt-bg-overlay);border:0;border-radius:8px;padding:0;overflow:hidden}.opening-history__item img{object-fit:cover;width:100%;height:100%}.opening-history__fallback{background:var(--opening-version-cover);width:100%;height:100%;display:block}.opening-custom-form,.opening-popover{z-index:20;background:var(--nt-bg-float);border:.5px solid var(--nt-border-neutral-l1);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 16px 24px -8px #0000000f,0 4px 8px -4px #0000000a}.opening-custom-form__name{height:32px;color:var(--nt-text-default);background:var(--nt-bg-overlay);border:0;border-radius:8px;outline:none;padding:0 10px;font-size:13px}.opening-custom-form__content{min-height:72px;font:inherit;color:var(--nt-text-default);background:var(--nt-bg-overlay);resize:vertical;border:0;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;line-height:20px}.opening-custom-form__actions,.opening-popover__actions{justify-content:flex-end;gap:8px;display:flex}.opening-popover__title{color:var(--nt-text-secondary);font-size:13px;line-height:20px}.opening-popover__ghost,.opening-popover__primary{border:0;border-radius:8px;height:28px;padding:0 14px;font-size:13px;line-height:20px}.opening-popover__ghost{color:var(--nt-text-default);background:var(--nt-bg-overlay)}.opening-popover__ghost:hover{background:var(--nt-bg-overlay-hover)}.opening-popover__primary{color:var(--nt-text-onbrand);background:var(--nt-bg-invert)}.opening-popover__primary:hover:not(:disabled){background:var(--nt-bg-invert-hover)}.opening-popover__primary:disabled{opacity:.4}.opening-color-popover__picker{background:var(--nt-bg-overlay);border:0;border-radius:8px;width:100%;height:32px;padding:0}.opening-color-popover__alpha{width:100%;accent-color:var(--nt-primary-default)}.opening-panel__cta{inset-inline:0;z-index:10;background:linear-gradient(to top, var(--nt-bg-body) 65%, transparent);flex-direction:column;align-items:center;gap:6px;padding:40px 20px 20px;display:flex;position:absolute;bottom:0}.opening-panel__cta-hints{max-width:320px;color:var(--nt-text-tertiary);flex-direction:column;gap:2px;font-size:11px;line-height:16px;display:flex}.opening-cta{width:320px;height:48px;color:var(--nt-text-onbrand);background:var(--opening-cta-gradient);border:0;border-radius:12px;justify-content:center;align-items:center;gap:4px;font-size:14px;transition:background-color .15s,opacity .15s;display:flex}.opening-cta:hover:not(:disabled){background:var(--nt-bg-invert-hover)}.opening-cta:disabled{cursor:not-allowed;opacity:.4}.opening-cta__label{padding:0 4px}.opening-cta__power{color:var(--nt-text-onbrand-tertiary);align-items:center;gap:2px;padding-left:4px;display:flex}.opening-panel__generating-hint{color:var(--nt-text-secondary);background:var(--nt-bg-overlay);border:0;border-radius:8px;margin:0 20px 8px;padding:6px 10px;font-size:12px;line-height:18px}.opening-panel__preset-exit{height:28px;color:var(--nt-text-default);background:var(--nt-bg-overlay);border:0;border-radius:8px;margin:0 20px 8px;font-size:13px}.opening-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:100px 100px 144px;display:flex;position:relative}.opening-stage__canvas{justify-content:center;align-items:center;max-width:900px;max-height:100%;display:flex;position:relative}.opening-stage__image{object-fit:contain;max-width:100%;max-height:100%}.opening-stage__empty,.opening-stage__failed{width:600px;height:400px;color:var(--nt-text-secondary);background:var(--nt-bg-overlay);border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:flex}.opening-stage__pending{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.opening-stage__pending-pill{background:var(--nt-bg-float-glass-l2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:999px;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:14px;line-height:22px;display:flex;position:relative;overflow:hidden}.opening-stage__pending-fill{background:var(--nt-bg-overlay-active);transition:width .3s ease-out;position:absolute;inset:0 auto 0 0}.opening-stage__pending-text{color:var(--nt-text-default);position:relative}.opening-stage__task-id{color:var(--nt-text-tertiary);background:0 0;border:0;align-items:center;gap:6px;font-size:12px;line-height:18px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.opening-stage__task-id:hover{color:var(--nt-text-secondary)}.opening-guide{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:760px;max-height:100%;padding:0 24px;display:flex}.opening-guide__image{object-fit:contain;border-radius:12px;width:100%;max-height:52vh}.opening-guide__copy{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.opening-guide__eyebrow{color:var(--nt-text-brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:18px}.opening-guide__title{color:var(--nt-text-default);letter-spacing:.1em;font-size:32px;font-weight:500;line-height:40px}.opening-guide__subtitle{color:var(--nt-text-secondary);margin:0;font-size:13px;line-height:20px}.opening-motion-guide{z-index:20;width:240px;color:var(--opening-guide-bubble-text);background:var(--opening-guide-bubble);border-radius:16px;margin-right:12px;padding:12px 16px 16px;position:absolute;top:50%;right:100%;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.opening-motion-guide__arrow{background:var(--opening-guide-bubble);border-radius:2px;width:16px;height:16px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)rotate(45deg)}.opening-motion-guide__text{margin:0;font-size:13px;font-weight:500;line-height:20px;position:relative}.opening-motion-guide__actions{justify-content:flex-end;margin-top:12px;display:flex;position:relative}.opening-motion-guide__confirm{height:28px;color:var(--opening-guide-bubble-button-text);background:var(--opening-guide-bubble-button);border:0;border-radius:999px;padding:0 16px;font-size:12px;font-weight:500;transition:background-color .15s;box-shadow:0 1px 2px #0d0d0d14}.opening-motion-guide__confirm:hover{background:var(--opening-guide-bubble-button-hover)}.opening-rail{z-index:10;flex-direction:column;gap:12px;display:flex;position:absolute;top:12px;right:12px}.opening-rail__button{width:36px;height:36px;color:var(--nt-text-default);background:var(--nt-bg-float-glass-l2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:12px;place-items:center;display:grid}.opening-rail__button:hover:not(:disabled){background:var(--nt-bg-overlay-hover)}.opening-rail__button:disabled{opacity:.4}.opening-rail__motion{display:block;position:relative}.opening-toolbar{z-index:10;background:var(--nt-bg-float-glass-l2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 1px 2px #0000000a}.opening-toolbar__button{height:40px;color:var(--nt-text-default);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;line-height:20px;display:flex}.opening-toolbar__button:hover:not(:disabled){background:var(--nt-bg-overlay-hover)}.opening-toolbar__button:disabled{opacity:.4}.opening-version-strip{z-index:10;overscroll-behavior-x:contain;align-items:center;gap:12px;max-width:calc(100% - 400px);padding:8px 8px 4px;display:flex;position:absolute;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.opening-version-strip.is-dimmed{pointer-events:none;opacity:.6}.opening-version-card{border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:120px;display:flex;position:relative}.opening-version-card__cover{aspect-ratio:16/9;background:var(--opening-version-cover);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.opening-version-card__cover img{object-fit:cover;width:100%;height:100%}.opening-version-card__cover-fallback{background:var(--opening-version-cover);width:100%;height:100%}.opening-version-card[data-selected] .opening-version-card__cover{outline:2px solid var(--nt-text-default)}.opening-version-card__failed{color:var(--nt-danger-default);background:#0003;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.opening-version-card__label{max-width:100%;color:var(--nt-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.opening-version-card__more{width:16px;height:16px;color:var(--nt-text-default);background:var(--nt-bg-float);border:0;border-radius:999px;place-items:center;display:none;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 2px #0000001f}.opening-version-card:hover .opening-version-card__more,.opening-version-card[data-selected] .opening-version-card__more{display:grid}.opening-version-card__layer-failed{color:var(--nt-danger-default);font-size:11px;line-height:16px}.opening-text-toolbar{z-index:12;background:var(--nt-bg-float);border:1px solid var(--nt-border-neutral-l1);border-radius:14px;align-items:center;gap:4px;height:44px;padding:0 6px;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 1px 1px #0000000a}.opening-text-toolbar__input{width:160px;height:32px;color:var(--nt-text-default);background:var(--nt-bg-overlay);border:0;border-radius:8px;outline:none;padding:0 8px;font-size:13px}.opening-text-toolbar__input::placeholder{color:var(--nt-text-tertiary)}.opening-text-layer{white-space:pre-wrap;cursor:move;position:absolute}.opening-text-layer.is-selected{outline:1px solid var(--opening-stroke-default)}.opening-text-toolbar__swatch{height:32px;color:var(--nt-text-default);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:flex}.opening-text-toolbar__swatch:hover{background:var(--nt-bg-overlay-hover)}.opening-text-toolbar__swatch-fill{border:.5px solid var(--nt-border-neutral-l1);border-radius:999px;width:28px;height:28px;display:block;position:relative}.opening-text-toolbar__swatch-fill.is-empty:after{content:"";background:var(--opening-none-slash);width:34px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.opening-text-toolbar__divider{background:var(--nt-border-neutral-l1);width:1px;height:42px;margin:0 2px}.opening-text-field__input{width:44px;height:32px;color:var(--nt-text-default);text-align:center;background:0 0;border:0;outline:none;padding:0 4px;font-size:13px}.opening-text-toolbar__weight,.opening-text-toolbar__size{height:32px;color:var(--nt-text-default);background:0 0;border:0;border-radius:8px;outline:none;font-size:13px}.opening-text-toolbar__size{width:56px}.opening-text-toolbar__weight option,.opening-text-toolbar__size option{color:var(--nt-text-default);background:var(--nt-bg-float)}.opening-merge-bar{z-index:10;background:var(--nt-bg-float);border:1px solid var(--nt-border-neutral-l1);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:520px;max-width:calc(100% - 32px);padding:8px 8px 8px 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 12px #0000000f,0 4px 4px #0000000a,0 1px .5px #00000005}.opening-merge-bar__hint{min-width:0;color:var(--nt-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:20px;overflow:hidden}.opening-merge-bar__confirm{min-width:60px;height:32px;color:var(--nt-text-onbrand);background:var(--nt-bg-invert);border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;line-height:20px;display:flex}.opening-merge-bar__confirm:hover:not(:disabled){background:var(--nt-bg-invert-hover)}.opening-merge-bar__confirm:disabled{opacity:.4}.opening-layer-entry{min-height:0;color:var(--nt-text-default);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.opening-layer-entry__title{margin-top:24px;font-size:14px;font-weight:500;line-height:22px}.opening-layer-entry__desc{color:var(--nt-text-secondary);margin-top:8px;font-size:14px;line-height:22px}.opening-layer-entry__cta{height:36px;color:var(--nt-text-onbrand);background:var(--nt-bg-invert);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:0 14px;font-size:13px;line-height:20px;display:flex}.opening-layer-entry__cta:hover:not(:disabled){background:var(--nt-bg-invert-hover)}.opening-layer-entry__cta:disabled{opacity:.4}.opening-layer-entry__power{align-items:center;gap:2px;display:flex}.opening-layer-entry__failed{color:var(--nt-text-secondary);flex-direction:column;align-items:center;gap:8px;font-size:14px;line-height:22px;display:flex}.opening-layer-entry__discard{color:var(--nt-text-default);background:var(--nt-bg-overlay);border:0;border-radius:8px;margin-top:12px;padding:6px 12px;font-size:13px}.opening-confirm-backdrop{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opening-confirm{width:344px;color:var(--nt-text-default);background:var(--nt-bg-float);border:.5px solid var(--nt-border-neutral-l1);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.opening-confirm__title{margin:0;font-size:14px;font-weight:500;line-height:22px}.opening-confirm__message{color:var(--nt-text-secondary);margin:0;font-size:13px;line-height:20px}.opening-confirm__actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.opening-confirm__cancel,.opening-confirm__confirm{border:0;border-radius:8px;height:32px;padding:0 14px;font-size:13px;line-height:20px}.opening-confirm__cancel{color:var(--nt-text-default);background:var(--nt-bg-overlay)}.opening-confirm__confirm{color:var(--nt-text-onbrand);background:var(--nt-bg-invert)}@media (max-width:1024px){.opening-editor__side,.opening-editor__side-inner{width:300px}.opening-keyframe__title-bar{width:min(561px,100vw - 48px)}.opening-version-strip{max-width:calc(100% - 240px)}}
.guide-editor-panel{--guide-editor-surface:var(--canvas-controls-bg);--guide-editor-border:var(--canvas-controls-border);--guide-editor-text:var(--canvas-controls-text);--guide-editor-muted:var(--canvas-controls-text-muted);--guide-editor-icon:var(--canvas-controls-icon);--guide-editor-hover:var(--canvas-controls-hover);z-index:calc(var(--z-panel) + 1);position:fixed;bottom:5rem;right:1rem}.guide-editor-paper{width:360px;max-height:70vh;color:var(--guide-editor-text);background:var(--guide-editor-surface);border-radius:4px;flex-direction:column;padding:12px;font-size:12px;line-height:16px;display:flex}.guide-editor-paper--preview{width:auto;padding:8px}.guide-editor-paper--status{gap:8px}.guide-editor-header{justify-content:space-between;align-items:center;display:flex}.guide-editor-title{color:var(--guide-editor-text);font-size:14px;font-weight:500}.guide-editor-body{flex-direction:column;gap:8px;margin-top:8px;display:flex;overflow-y:auto}.guide-editor-footer{align-items:center;gap:8px;margin-top:8px;display:flex}.guide-editor-input{border:1px solid var(--guide-editor-border);background:var(--guide-editor-hover);width:100%;color:var(--guide-editor-text);border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.guide-editor-input::placeholder{color:var(--guide-editor-muted)}.guide-editor-input:focus{border-color:var(--guide-editor-icon)}.guide-editor-textarea{resize:none;height:56px}.guide-editor-button{border:1px solid var(--guide-editor-border);color:var(--guide-editor-text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:12px;line-height:16px}.guide-editor-button:hover{background:var(--guide-editor-hover)}.guide-editor-button:disabled{opacity:.4;cursor:default}.guide-editor-button--muted{opacity:.4}.guide-editor-section-title{color:var(--guide-editor-text);font-size:13px;font-weight:500;display:block}.guide-editor-node-name{color:var(--guide-editor-text);font-size:12px}.guide-editor-label{color:var(--guide-editor-text);font-size:11px;font-weight:500;display:block}.guide-editor-field{border-top:1px solid var(--guide-editor-border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.guide-editor-field-name{color:var(--guide-editor-muted);margin-bottom:4px;font-size:10px;display:block}.guide-editor-field-hint{color:var(--guide-editor-muted);margin-top:2px;font-size:10px;display:block}.guide-editor-hint{color:var(--guide-editor-muted);font-size:10px;line-height:16px}.guide-editor-error{color:var(--status-error);margin-top:2px;font-size:10px;display:block}.guide-editor-divider{background:var(--guide-editor-border);border:0;height:1px}.guide-editor-meta,.guide-editor-steps,.guide-editor-step-list,.guide-editor-nodes,.guide-editor-node-card,.guide-editor-visible-steps{flex-direction:column;gap:8px;display:flex}.guide-editor-step-list,.guide-editor-node-card,.guide-editor-visible-steps{gap:4px}.guide-editor-step{border:1px solid var(--guide-editor-border);border-radius:4px;padding:4px 8px}.guide-editor-step--selected{border-color:var(--guide-editor-icon);background:var(--guide-editor-hover)}.guide-editor-step-head{align-items:center;gap:4px;display:flex}.guide-editor-step-summary{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.guide-editor-step-ordinal,.guide-editor-step-target{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.guide-editor-step-target{color:var(--guide-editor-muted);font-size:10px}.guide-editor-step-detail{flex-direction:column;gap:8px;margin-top:8px;display:flex}.guide-editor-group-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.guide-editor-via-row{color:var(--guide-editor-muted);align-items:center;gap:4px;font-size:10px;line-height:16px;display:flex}.guide-editor-via-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.guide-editor-checkbox-row{align-items:center;gap:6px;display:flex}.guide-editor-offset-row{align-items:center;gap:8px;display:flex}.guide-editor-offset-field{flex:1;align-items:center;gap:4px;display:flex}.guide-editor-offset-flag{color:var(--guide-editor-muted);font-size:10px}.guide-editor-node-card{border:1px solid var(--guide-editor-border);border-radius:4px;padding:8px}.guide-editor-node-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--guide-editor-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;overflow:hidden}.guide-editor-node-title--selected{text-underline-offset:2px;text-decoration:underline}.guide-editor-visible-step{color:var(--guide-editor-muted);align-items:center;gap:4px;font-size:11px;display:flex}.guide-editor-preset-url{padding:4px 8px}.guide-editor-preset-actions{align-items:center;gap:8px;display:flex}.guide-pick-hover{outline:2px solid var(--color-brand-300);outline-offset:2px}.guide-pick-hover-unsupported{outline:2px dashed var(--status-warning);outline-offset:2px}.guide-runtime-skip-bar{left:50%;top:calc(8px + var(--guide-skip-bar-notice-offset,0px));z-index:calc(var(--z-overlay) + 5);pointer-events:auto;position:fixed;transform:translate(-50%)}.guide-runtime-skip-bar-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--guide-editor-surface);border:.5px solid var(--guide-editor-border);height:48px;box-shadow:var(--canvas-shadow-dropdown);border-radius:16px;align-items:center;gap:16px;padding:8px;display:flex}.guide-runtime-skip-group{align-items:center;gap:4px;display:flex}.guide-runtime-skip-icon{width:32px;height:32px;color:var(--guide-editor-icon);justify-content:center;align-items:center;display:flex}.guide-runtime-skip-label{white-space:nowrap;color:var(--guide-editor-text);font-size:13px;line-height:20px}.guide-runtime-skip-button{cursor:pointer;background:var(--guide-editor-hover);min-width:50px;height:28px;color:var(--guide-editor-muted);border:0;border-radius:9999px;padding:0 8px;font-size:12px;line-height:18px}.guide-runtime-skip-button:hover{background:var(--canvas-controls-active)}.guide-runtime-highlight{border:2px solid var(--color-brand-300);box-sizing:border-box;pointer-events:none;z-index:calc(var(--z-overlay) + 5);border-radius:12px;animation:1.8s ease-in-out infinite quick-guide-breath;position:fixed}.guide-runtime-highlight--violet{border-color:#6640ff;animation-name:quick-guide-breath-violet}.guide-runtime-mask{z-index:calc(var(--z-overlay) + 4);pointer-events:none;background:var(--guide-runtime-mask,#00000073);position:fixed;inset:0}.guide-runtime-bubble{z-index:calc(var(--z-overlay) + 6);pointer-events:auto;position:fixed}.guide-runtime-card{border-radius:16px;width:240px;padding:12px 16px 16px;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.guide-runtime-card--cyan{color:#000;background:#3fdafd}.guide-runtime-card--violet{color:#fff;background:#6640ff}.guide-runtime-arrow{border-radius:2px;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.guide-runtime-arrow--pos-left{top:50%;left:-7px;transform:translateY(-50%)rotate(45deg)}.guide-runtime-arrow--pos-right{top:50%;right:-7px;transform:translateY(-50%)rotate(45deg)}.guide-runtime-arrow--pos-bottom{bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.guide-runtime-arrow--cyan{background:#3fdafd}.guide-runtime-arrow--violet{background:#6640ff}.guide-runtime-message{white-space:pre-wrap;min-height:40px;font-size:13px;font-weight:500;line-height:20px;position:relative}.guide-runtime-card-foot{justify-content:space-between;align-items:center;height:28px;margin-top:12px;display:flex;position:relative}.guide-runtime-counter{opacity:.55;font-size:12px;line-height:18px}.guide-runtime-actions{align-items:center;gap:16px;display:flex;position:relative}.guide-runtime-prev{cursor:pointer;background:0 0;border:0;height:28px;font-size:12px;font-weight:500}.guide-runtime-next{cursor:pointer;border:0;border-radius:9999px;height:28px;padding:0 16px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #0d0d0d14}.guide-runtime-card--cyan .guide-runtime-prev{color:#000000b3}.guide-runtime-card--cyan .guide-runtime-prev:hover{color:#000}.guide-runtime-card--cyan .guide-runtime-next{color:#fff;background:#242424}.guide-runtime-card--cyan .guide-runtime-next:hover{background:#0d0d0d}.guide-runtime-card--violet .guide-runtime-prev{color:#fff}.guide-runtime-card--violet .guide-runtime-prev:hover{color:#ffffffd9}.guide-runtime-card--violet .guide-runtime-next{color:#0d0d0d;background:#fff}.guide-runtime-card--violet .guide-runtime-next:hover{background:#ffffffe6}@keyframes quick-guide-breath{0%,to{box-shadow:0 0 0 3px #5ddcff40}50%{box-shadow:0 0 0 8px #5ddcff14}}@keyframes quick-guide-breath-violet{0%,to{box-shadow:0 0 0 3px #9980ff40}50%{box-shadow:0 0 0 8px #9980ff14}}@media (prefers-reduced-motion:reduce){.guide-runtime-highlight{animation:none!important}}:root[data-mantine-color-scheme=light] .guide-editor-panel,:root[data-mantine-color-scheme=light] .guide-runtime-skip-bar{--guide-editor-surface:var(--canvas-controls-bg);--guide-editor-border:var(--canvas-controls-border);--guide-editor-text:var(--canvas-controls-text);--guide-editor-muted:var(--canvas-controls-text-muted);--guide-editor-icon:var(--canvas-controls-icon);--guide-editor-hover:var(--canvas-controls-hover);--guide-runtime-mask:#00000040}