.unsaved-dot{display:none;position:absolute;right:-6px;top:-6px;width:16px;height:16px;border-radius:50%;background:#f59e0b;cursor:pointer;border:2px solid #1e293b}.unsaved-tooltip{display:none;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);background:#1e293b;border:1px solid #3b4a5a;border-radius:8px;padding:10px 12px;width:200px;box-shadow:0 4px 12px #0000004d;z-index:100000;pointer-events:none}.unsaved-tooltip-arrow{position:absolute;top:50%;right:-6px;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#1e293b;border-right:1px solid #3b4a5a;border-top:1px solid #3b4a5a}.unsaved-dot:hover .unsaved-tooltip{display:block}body.embed-mode #emptyCanvasHint,body.embed-mode .empty-canvas-hint,body.embed-mode .empty-canvas-hint-content,body.embed-mode #heroicTrialPromptModal{display:none!important}.empty-canvas-hint{position:absolute;top:12%;left:50%;transform:translate(-50%);text-align:left;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s ease;width:92%;max-width:440px}.empty-canvas-hint.visible{opacity:1;pointer-events:auto}.empty-canvas-hint-content{position:relative;background:linear-gradient(165deg,#161e2ef5,#0f1420f0);border:1px solid rgba(96,165,250,.22);border-radius:16px;padding:22px 22px 16px;box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.empty-canvas-hint-close{position:absolute;top:10px;right:12px;background:#ffffff0f;border:none;border-radius:8px;color:#94a3b8;font-size:18px;cursor:pointer;padding:2px 8px;line-height:1.2;transition:color .2s,background .2s}.empty-canvas-hint-close:hover{color:#fff;background:#ffffff1f}.empty-canvas-hint-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding-right:28px}.empty-canvas-hint-icon-wrap{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#4a90e247,#3b82f61f);border:1px solid rgba(96,165,250,.35);color:#93c5fd;font-size:20px}.empty-canvas-hint-heading h3{margin:0 0 4px;color:#f8fafc;font-size:17px;font-weight:700;letter-spacing:-.01em}.empty-canvas-hint-subtitle{margin:0;color:#94a3b8;font-size:12px;line-height:1.4}.empty-canvas-hint-hover-tip{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:7px 10px;border-radius:8px;background:#60a5fa14;border:1px solid rgba(96,165,250,.14);color:#94a3b8;font-size:11px;line-height:1.35}.empty-canvas-hint-hover-tip i{flex-shrink:0;color:#64748b;font-size:10px}.empty-canvas-hint-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.empty-canvas-hint-steps li{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.45;color:#cbd5e1}.empty-canvas-hint-steps li[data-hint-target]{cursor:default;border-radius:10px;padding:6px 8px;margin:0 -8px;transition:background .15s ease,box-shadow .15s ease}.empty-canvas-hint-steps li[data-hint-target]:hover{background:#60a5fa1a;box-shadow:inset 0 0 0 1px #60a5fa2e}.empty-canvas-hint-steps li[data-hint-target]:hover .empty-canvas-hint-step-icon{color:#93c5fd;border-color:#60a5fa59;background:#3b82f61f}.planner-hint-highlight{position:relative;z-index:301!important;outline:2px solid rgba(96,165,250,.9);outline-offset:2px;border-radius:inherit;box-shadow:0 0 0 1px #3b82f633,0 0 10px #3b82f64d;animation:planner-hint-pulse 1.6s ease-in-out infinite}@keyframes planner-hint-pulse{0%,to{outline-color:#60a5fae6;box-shadow:0 0 0 1px #3b82f633,0 0 10px #3b82f64d}50%{outline-color:#93c5fd;box-shadow:0 0 0 2px #3b82f647,0 0 14px #60a5fa66}}.empty-canvas-hint-step-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#64748b;font-size:13px}.empty-canvas-hint-steps li strong{color:#e2e8f0;font-weight:600}.empty-canvas-hint-step-link{color:#93c5fd;font-weight:600;text-decoration:none}.empty-canvas-hint-step-link:hover{color:#bfdbfe;text-decoration:underline}.empty-canvas-hint-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.empty-canvas-hint-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;padding:9px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#cbd5e1;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.empty-canvas-hint-btn:hover{background:#ffffff17;border-color:#fff3;color:#f8fafc}.empty-canvas-hint-btn-primary{background:linear-gradient(135deg,#4a90e259,#2563eb40);border-color:#60a5fa73;color:#dbeafe}.empty-canvas-hint-btn-primary:hover{background:linear-gradient(135deg,#4a90e280,#2563eb61);border-color:#93c5fd8c;color:#fff}.empty-canvas-hint-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.empty-canvas-hint-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b;cursor:pointer}.empty-canvas-hint-toggle span{-webkit-user-select:none;user-select:none}.hint-toggle-switch{position:relative;width:36px;height:20px}.hint-toggle-switch input{opacity:0;width:0;height:0}.hint-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#475569;transition:.2s;border-radius:20px}.hint-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.hint-toggle-switch input:checked+.hint-toggle-slider{background-color:#f59e0b}.hint-toggle-switch input:checked+.hint-toggle-slider:before{transform:translate(16px)}.clear-canvas-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:100000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clear-canvas-modal-content{background:#1e293b;border:1px solid #3b4a5a;border-radius:12px;padding:20px 24px;max-width:320px;width:90%;box-shadow:0 8px 32px #0006;animation:slideIn .15s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.clear-canvas-modal-content h3{margin:0 0 12px;color:#fff;font-size:16px;font-weight:600}.clear-canvas-modal-content p{margin:0 0 16px;color:#94a3b8;font-size:13px;line-height:1.5}.clear-canvas-modal-content p strong{color:#f59e0b}.clear-canvas-modal-buttons{display:flex;gap:10px;justify-content:flex-end}.clear-canvas-modal-cancel,.clear-canvas-modal-confirm{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.clear-canvas-modal-cancel{background:transparent;border:1px solid #475569;color:#94a3b8}.clear-canvas-modal-cancel:hover{background:#334155;color:#fff}.clear-canvas-modal-confirm{background:#dc2626;border:none;color:#fff}.clear-canvas-modal-confirm:hover{background:#b91c1c}.view-only-detected .container,.view-mode-pending .container{margin-top:50px}.view-only-detected .canvas-center-wrapper,.view-mode-pending .canvas-center-wrapper{margin-top:8rem}.view-only-detected .left-dock,.view-only-detected .right-dock,.view-only-detected #right-dock,.view-only-detected #saveBtn,.view-only-detected .background-selector-container,.view-only-detected #group-panel,.view-only-detected .group-panel,.view-only-detected #layer-panel,.view-only-detected .layer-panel,.view-only-detected #scene-delete-container,.view-only-detected .timeline-controls,.view-only-detected .timeline-container,.view-mode-pending .left-dock,.view-mode-pending .right-dock,.view-mode-pending #right-dock,.view-mode-pending #saveBtn,.view-mode-pending .background-selector-container,.view-mode-pending #group-panel,.view-mode-pending .group-panel,.view-mode-pending #layer-panel,.view-mode-pending .layer-panel,.view-mode-pending #scene-delete-container,.view-mode-pending .timeline-controls,.view-mode-pending .timeline-container{display:none!important;visibility:hidden!important}.view-only-detected .canvas-layout,.view-mode-pending .canvas-layout{flex-direction:column;align-items:center;justify-content:center;margin-bottom:7rem}.view-only-detected .canvas-container,.view-mode-pending .canvas-container{max-width:min(calc((100vh - 140px) * 16 / 9),95vw);max-height:calc(100vh - 140px)}.view-only-detected #canvas-container,.view-mode-pending #canvas-container{transform:none}.view-only-detected #canvas-container .canvas-wrapper,.view-only-detected #canvas-container .upper-canvas,.view-only-detected #canvas-container .lower-canvas,.view-mode-pending #canvas-container .canvas-wrapper,.view-mode-pending #canvas-container .upper-canvas,.view-mode-pending #canvas-container .lower-canvas{pointer-events:none!important}.view-only-detected.view-only-allow-text-hyperlinks #canvas-container .upper-canvas,body.embed-mode.view-only-allow-text-hyperlinks #canvas-container .upper-canvas{pointer-events:auto!important}body.embed-edit-mode .toast-container{inset:auto auto 20px 50%!important;transform:translate(-50%)!important}body.embed-edit-mode #canvas-container,body.embed-edit-mode #canvas-container .canvas-wrapper,body.embed-edit-mode #canvas-container .upper-canvas,body.embed-edit-mode #canvas-container .lower-canvas{pointer-events:auto!important}#embed-edit-login-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s ease}#embed-edit-login-modal.is-visible{opacity:1}.embed-edit-login-modal__backdrop{position:absolute;inset:0;background:#080c14b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.embed-edit-login-modal__card{position:relative;width:min(100%,380px);padding:28px 24px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#1e293bfa,#0f172afa);box-shadow:0 24px 64px #00000073;transform:translateY(8px) scale(.98);transition:transform .18s ease}#embed-edit-login-modal.is-visible .embed-edit-login-modal__card{transform:translateY(0) scale(1)}.embed-edit-login-modal__icon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4a90e229;color:#60a5fa;font-size:22px}.embed-edit-login-modal__title{margin:0 0 10px;text-align:center;color:#e5e7eb;font-size:20px;font-weight:700;line-height:1.25}.embed-edit-login-modal__text{margin:0 0 22px;text-align:center;color:#94a3b8;font-size:14px;line-height:1.55}.embed-edit-login-modal__actions{display:flex;gap:10px}.embed-edit-login-modal__btn{flex:1;min-height:44px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.embed-edit-login-modal__btn:active{transform:scale(.98)}.embed-edit-login-modal__btn--ghost{background:#ffffff0f;border-color:#ffffff24;color:#cbd5e1}.embed-edit-login-modal__btn--ghost:hover{background:#ffffff1a}.embed-edit-login-modal__btn--primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 8px 24px #4a90e247}.embed-edit-login-modal__btn--primary:hover{box-shadow:0 10px 28px #4a90e25c}body.embed-mode #embed-edit-login-modal,body.embed-edit-mode #embed-edit-login-modal{display:flex!important;visibility:visible!important}body.embed-mode #embed-edit-login-modal.is-visible,body.embed-edit-mode #embed-edit-login-modal.is-visible{opacity:1!important;pointer-events:auto!important;z-index:10000001!important}body.embed-mode #embed-edit-login-modal:not(.is-visible),body.embed-edit-mode #embed-edit-login-modal:not(.is-visible){pointer-events:none}.view-only-detected #scene-tabs-bar,.view-only-detected #scene-tabs-bar .scene-tab,.view-only-detected #scene-tabs-bar button,.view-only-detected #scene-tabs-bar .scene-group-container{pointer-events:auto!important;z-index:101}.view-only-detected #viewOnlyActionButtons{margin-top:12px!important;margin-bottom:0;flex-shrink:0}.owner-preview-floating-bar{position:fixed;top:calc(74px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));left:auto;transform:none;z-index:1000000;display:none;align-items:center;justify-content:center;padding:8px 14px;max-width:min(340px,calc(100vw - 24px));background:linear-gradient(135deg,#161c26fa,#1e2837fa);border:1px solid rgba(91,155,213,.35);border-radius:10px;box-shadow:0 8px 28px #00000073,0 0 0 1px #ffffff0f inset;pointer-events:none}.owner-preview-floating-bar__text{font-size:12px;color:#e2e8f0;display:flex;align-items:center;gap:8px;line-height:1.3;white-space:nowrap}@media(max-width:480px){.owner-preview-floating-bar__text{white-space:normal}}.owner-preview-floating-bar__text i{color:#5b9bd5;flex-shrink:0}#loginRecaptcha,#registerRecaptcha{margin-top:15px;margin-bottom:10px;display:flex;justify-content:center}.fullscreen-exit-hint{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:10000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.badge-info{color:#fff;background-color:#4a90e2;border:1px solid #357abd}.badge-success{color:#fff;background-color:#22c55e;border:1px solid #16a34a}.badge-warning{color:#fff;background-color:#f59e0b;border:1px solid #d97706}.badge-danger{color:#fff;background-color:#ef4444;border:1px solid #dc2626}#announcementBanner{display:block!important;margin:12px 0;max-height:300px;overflow:visible!important;width:100%;position:relative;z-index:100;min-height:fit-content}#announcementBanner[style*="display: none"]{display:none!important}.announcement{display:flex!important;align-items:center;justify-content:space-between;padding:14px 18px!important;margin-bottom:10px;min-height:48px!important;height:auto!important;box-sizing:border-box!important;border-radius:8px;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.announcement:hover{box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.announcement-content{flex:1;font-size:14px;line-height:1.6;letter-spacing:.2px}.announcement-content strong{font-weight:600;margin-right:6px}.announcement-message{display:inline}.announcement-message a{color:#4a90e2;text-decoration:underline;text-decoration:none;font-weight:500;transition:color .2s ease}.announcement-message a:hover{color:#6ba3f0;text-decoration:none}.announcement-message a:visited{color:#8b5cf6}.announcement-close{background:#ffffff1a;border:none;color:inherit;font-size:20px;cursor:pointer;padding:4px 10px;margin-left:12px;border-radius:6px;opacity:.8;transition:all .2s ease;line-height:1;font-weight:300}.announcement-close:hover{opacity:1;background:#fff3;transform:scale(1.1)}.announcement-info{background:linear-gradient(135deg,#3b82f633,#2563eb40)!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.4)!important;border-left:4px solid #3b82f6!important}.announcement-success{background:linear-gradient(135deg,#22c55e33,#16a34a40)!important;color:#86efac!important;border:1px solid rgba(34,197,94,.4)!important;border-left:4px solid #22c55e!important}.announcement-warning{background:linear-gradient(135deg,#fb923c33,#f9731640)!important;color:#fcd34d!important;border:1px solid rgba(251,146,60,.4)!important;border-left:4px solid #fb923c!important}.announcement-error{background:linear-gradient(135deg,#ef444433,#dc262640)!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.4)!important;border-left:4px solid #ef4444!important}.toast-container{position:fixed;display:flex;flex-direction:column;gap:10px;z-index:100002;pointer-events:none;max-width:min(420px,calc(100vw - 32px))}.toast-container--top-right{inset:72px 20px auto auto;transform:none}.toast-container--top-left{inset:72px auto auto 20px;transform:none}.toast-container--bottom-right{inset:auto 20px 72px auto;transform:none}.toast-container--bottom-left{inset:auto auto 72px 20px;transform:none}.toast-container--top-center{inset:72px auto auto 50%;transform:translate(-50%)}.toast-container--bottom-center{inset:auto auto 72px 50%;transform:translate(-50%)}.toast-container .toast{pointer-events:auto}.toast{display:flex;align-items:flex-start;gap:12px;padding:12px 10px 12px 14px;border-radius:12px;font-size:13px;line-height:1.45;color:#e8eef7;background:linear-gradient(145deg,#161c26f0,#0e121af7);border:1px solid rgba(255,255,255,.1);border-left:3px solid #5b9bd6;box-shadow:0 4px 6px #0000002e,0 18px 40px #00000073,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-width:260px;max-width:100%;opacity:0;transform:translate(16px) scale(.98);transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.toast.show{opacity:1;transform:translate(0) scale(1)}.toast.hide{opacity:0;transform:translate(12px) scale(.98)}.toast-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;margin-top:1px;font-size:15px;line-height:1}.toast-message{flex:1;min-width:0;padding-right:4px}.toast-dismiss{flex-shrink:0;width:28px;height:28px;margin:-4px -2px -4px 0;padding:0;border:none;border-radius:8px;background:transparent;color:#ffffff73;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.toast-dismiss:hover{color:#fff;background:#ffffff14}.toast-dismiss:focus-visible{outline:2px solid rgba(91,155,214,.7);outline-offset:2px}.toast.toast--success,.toast.success{border-left-color:#3ecf8e}.toast.toast--success .toast-icon,.toast.success .toast-icon{color:#5ee9b5}.toast.toast--warning,.toast.warn,.toast.warning{border-left-color:#f0b429}.toast.toast--warning .toast-icon,.toast.warn .toast-icon,.toast.warning .toast-icon{color:#fcd34d}.toast.toast--error,.toast.error{border-left-color:#f87171}.toast.toast--error .toast-icon,.toast.error .toast-icon{color:#fca5a5}.toast.toast--info,.toast.info{border-left-color:#6ba3e8}.toast.toast--info .toast-icon,.toast.info .toast-icon{color:#93c5fd}.toast.toast--success,.toast.success{box-shadow:0 4px 6px #0000002e,0 18px 40px #00000073,inset 0 1px #ffffff0f,0 0 0 1px #3ecf8e1f}.toast.toast--warning,.toast.warn,.toast.warning{box-shadow:0 4px 6px #0000002e,0 18px 40px #00000073,inset 0 1px #ffffff0f,0 0 0 1px #f0b4291a}.toast.toast--error,.toast.error{box-shadow:0 4px 6px #0000002e,0 18px 40px #00000073,inset 0 1px #ffffff0f,0 0 0 1px #f871711f}.toast.toast--info,.toast.info{box-shadow:0 4px 6px #0000002e,0 18px 40px #00000073,inset 0 1px #ffffff0f,0 0 0 1px #6ba3e81f}.toolbar-divider{width:100%;height:1px;background:#ffffff2e;margin:8px 0;position:relative}.toolbar-divider .toolbar-divider-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2a2e35;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.12);color:#cfe2ff;font-size:10px;letter-spacing:.6px}.tl-help-btn{background:linear-gradient(135deg,#4a90e226,#4a90e21a);color:#8bb8e8;border:1px solid rgba(74,144,226,.25);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.tl-help-btn:hover{background:linear-gradient(135deg,#4a90e240,#4a90e22e);border-color:#4a90e266;color:#aad0ff;transform:translateY(-1px);box-shadow:0 2px 8px #4a90e226}.tl-help-btn i{font-size:10px;color:#4a90e2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;background-color:#0f1115;color:#fff}html,body{height:100%;overflow:hidden}.container{display:flex;height:calc(100vh - 64px);overflow:hidden;margin-top:64px}.sidebar{width:320px;background:linear-gradient(180deg,#0f1117f2,#0c0e14f2,#0a0c12f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px 20px;display:flex;flex-direction:column;gap:20px;border-right:1px solid rgba(74,144,226,.15);overflow-y:auto;box-shadow:4px 0 20px #0000004d,inset -1px 0 #ffffff0d;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(74,144,226,.3) 50%,transparent 100%)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357ab8);border-radius:3px;border:1px solid rgba(0,0,0,.2)}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a9ff2,#4a8fd8)}.gateway-btn:hover{background:#4a90e240!important;border-color:#4a90e280!important}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ability-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:#9aa3af;cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:12px;font-weight:500}.ability-tab-btn:hover{background:#ffffff0d;color:#fff}.ability-tab-btn.active{background:#4a90e226;color:#aad0ff;border:1px solid rgba(74,144,226,.3)}.ability-tab-btn i{font-size:12px}.abilities-content{position:relative}.ability-tab-panel{display:none}.ability-tab-panel.active{display:block}.abilities-search{margin-bottom:12px}.abilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;max-height:300px;overflow-y:auto}.ability-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#14181ecc;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:60px}.ability-item:hover{background:#4a90e21a;border-color:#60a5fa;transform:translateY(-1px)}.ability-item img{width:24px;height:24px;object-fit:contain;margin-bottom:4px;border-radius:4px}.ability-item .ability-name{font-size:10px;color:#e2e8f0;text-align:center;font-weight:500;line-height:1.2}.ability-item .ability-category{font-size:9px;color:#94a3b8;text-align:center;opacity:.8}.abilities-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.pagination-btn{background:#14181ecc;border:1px solid #334155;color:#e2e8f0;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#4a90e21a;border-color:#60a5fa}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.abilities-pagination span{font-size:11px;color:#94a3b8;min-width:40px;text-align:center}#clearCanvas:hover{background:#dc2626!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.abilities-categories{display:flex;flex-direction:column;gap:16px}.ability-category{background:#14181e99;border:1px solid #334155;border-radius:8px;padding:12px}.ability-category-title{font-size:11px;font-weight:600;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #334155}.boss-stage-filters{display:flex;gap:4px;margin-bottom:8px;padding:4px;background:#0f172a99;border-radius:6px}.boss-stage-filter-btn{flex:1;padding:6px 8px;font-size:11px;font-weight:500;color:#94a3b8;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.boss-stage-filter-btn:hover{color:#e2e8f0;background:#60a5fa1a}.boss-stage-filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.toolbar-section{display:flex;flex-direction:column;gap:16px}.toolbar-section h3{color:#e2e8f0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:12px 5px 8px 0;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;padding-left:16px}.toolbar-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:linear-gradient(180deg,#4a90e2,#357ab8);border-radius:2px;box-shadow:0 0 8px #4a90e24d}.icons-container{display:flex;gap:8px;padding:2px;flex-wrap:wrap}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.class-btn{width:48px;height:48px;border:1px solid rgba(74,144,226,.15);background:linear-gradient(135deg,#1e232d99,#191e2899);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff08;position:relative;overflow:hidden}.class-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a90e214,#4a90e208);opacity:0;transition:opacity .2s ease;border-radius:10px}.class-btn:hover{border-color:#4a90e24d;background:linear-gradient(135deg,#282d37b3,#232832b3);transform:translateY(-2px);box-shadow:0 4px 12px #0003,0 0 12px #4a90e226,inset 0 1px #ffffff0d}.class-btn:hover:before{opacity:1}.class-btn:active{transform:translateY(-1px);box-shadow:0 2px 8px #00000040,0 0 8px #4a90e233,inset 0 1px #ffffff0d}.class-btn img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .2s ease;position:relative;z-index:1}.class-btn:hover img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) brightness(1.05)}.spec-selection-popup{position:fixed;background:linear-gradient(135deg,#141923fa,#0f141efa);border:1px solid rgba(74,144,226,.25);border-radius:12px;padding:8px;box-shadow:0 8px 24px #00000080,0 0 20px #4a90e226;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;min-width:160px;animation:specPopupFadeIn .2s ease-out}@keyframes specPopupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.spec-btn{width:48px;height:48px;border:1px solid rgba(74,144,226,.15);background:linear-gradient(135deg,#1e232d99,#191e2899);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.spec-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a90e214,#4a90e208);opacity:0;transition:opacity .2s ease}.spec-btn:hover{border-color:#4a90e24d;background:linear-gradient(135deg,#282d37b3,#232832b3);transform:translateY(-2px);box-shadow:0 4px 12px #0003,0 0 12px #4a90e226,inset 0 1px #ffffff0d}.spec-btn:hover:before{opacity:1}.spec-btn:active{transform:translateY(-1px);box-shadow:0 2px 8px #00000040,0 0 8px #4a90e233,inset 0 1px #ffffff0d}.spec-btn img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .2s ease;position:relative;z-index:1}.spec-btn:hover img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) brightness(1.05)}.tool-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.tool-group button{width:48px;height:48px;border:1px solid rgba(74,144,226,.15);background:linear-gradient(135deg,#1e232d99,#191e2899);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tool-group button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a90e214,#4a90e208);opacity:0;transition:opacity .2s ease}.tool-group button:hover{border-color:#4a90e24d;background:linear-gradient(135deg,#282d37b3,#232832b3);transform:translateY(-2px);box-shadow:0 4px 12px #0003,0 0 12px #4a90e226,inset 0 1px #ffffff0d}.tool-group button:hover:before{opacity:1}.tool-group button:active{transform:translateY(-1px);box-shadow:0 2px 8px #00000040,0 0 8px #4a90e233,inset 0 1px #ffffff0d}.tool-group button img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .2s ease;position:relative;z-index:1}.tool-group button:hover img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) brightness(1.05)}#addBoss,#addTrash{width:48px;height:48px}#clearCanvas{color:#fff}.color-picker{display:flex;gap:8px}.color-picker input[type=color]{width:100%;height:40px;border:none;background:none;cursor:pointer;padding:0}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.raid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.raid-grid .class-btn img{width:28px;height:28px}.main-content{flex:1;min-width:0;padding:20px;display:flex;flex-direction:column;position:relative;overflow-y:auto;height:100%}.canvas-container{border-radius:10px;position:relative;width:100%;max-width:calc((100vh - 240px) * 16 / 9);max-height:calc(100vh - 240px);min-width:0;min-height:0;aspect-ratio:16 / 9;display:flex;flex-shrink:0;margin:0}.canvas-center-wrapper>#canvas-container.canvas-container{align-self:center}#canvas-container .canvas-container{width:100%;height:100%;display:flex;flex-grow:inherit}#canvas-container.canvas-container{margin:0}#canvas-container{transition:opacity .05s ease-out}#canvas-container .canvas-wrapper{width:100%;height:100%;z-index:1}.canvas-guides-overlay{position:absolute;inset:0;pointer-events:none;z-index:6;box-sizing:border-box;overflow:hidden}.canvas-guides-overlay[hidden]{display:none!important}.canvas-guides-ruler-corner{position:absolute;left:0;top:0;width:36px;height:28px;z-index:3;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#e2e8f0d9;-webkit-user-select:none;user-select:none}.canvas-guides-ruler-top{position:absolute;left:0;right:0;top:0;height:28px;z-index:2}.canvas-guides-ruler-h-labels{position:absolute;left:0;right:0;top:0;height:18px}.canvas-guides-ruler-h-label{position:absolute;top:2px;font-size:10px;font-weight:600;color:#e2e8f0e0;line-height:1;-webkit-user-select:none;user-select:none}.canvas-guides-ruler-h-ticks{position:absolute;left:0;right:0;bottom:0;height:10px;opacity:.55;background-image:linear-gradient(to right,rgba(226,232,240,.45) 1px,transparent 1px);background-size:10% 100%}.canvas-guides-ruler-left{position:absolute;left:0;top:0;bottom:0;width:36px;z-index:1}.canvas-guides-ruler-v-labels{position:absolute;left:0;top:0;bottom:0;width:28px}.canvas-guides-ruler-v-label{position:absolute;left:0;right:4px;font-size:10px;font-weight:600;color:#e2e8f0e0;line-height:1;text-align:right;-webkit-user-select:none;user-select:none}.canvas-guides-ruler-v-ticks{position:absolute;left:28px;top:0;bottom:0;width:8px;opacity:.55;background-image:linear-gradient(to bottom,rgba(226,232,240,.45) 1px,transparent 1px);background-size:100% 10%}.canvas-guides-overlay--no-ruler .canvas-guides-ruler-corner,.canvas-guides-overlay--no-ruler .canvas-guides-ruler-top,.canvas-guides-overlay--no-ruler .canvas-guides-ruler-left{display:none}.ruler-drag-coords-hud{position:fixed;z-index:10050;pointer-events:none;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#e2e8f0;background:#0f172af0;border:1px solid rgba(148,163,184,.4);box-shadow:0 6px 20px #00000061,0 0 0 1px #0003 inset;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:none;transition:opacity .14s ease-out;white-space:nowrap}.ruler-drag-coords-hud.ruler-drag-coords-hud--visible{opacity:1}#canvas-container.bulk-duplicate-scenes-visually-hidden>:not(#scene-tabs-bar){opacity:0!important;pointer-events:none!important}#timeline-root{width:calc(100% + 35px);max-width:none;margin:14px 0 0;margin-left:-25px!important;margin-right:-10px!important;padding:0 10px;box-sizing:border-box}.compact-select{padding:7px 30px 7px 12px!important;border-radius:6px!important;border:1px solid rgba(74,144,226,.2)!important;background-color:#1e293be6!important;color:#e2e8f0!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27rgba(148,163,184,1)%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:14px!important}.compact-select:hover,.compact-select:focus{border-color:#4a90e280!important;background-color:#25344af2!important}.compact-select option{background:#1e293b!important;background-color:#1e293b!important;color:#e2e8f0!important;padding:8px!important}.compact-input{padding:7px 12px!important;border-radius:6px!important;border:1px solid rgba(74,144,226,.2)!important;background-color:#1e293be6!important;color:#e2e8f0!important;font-size:13px!important;font-weight:500!important;outline:none!important;transition:all .15s ease!important}.compact-input:hover,.compact-input:focus{border-color:#4a90e280!important;background-color:#25344af2!important}.compact-btn{padding:7px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:5px;white-space:nowrap}.compact-btn-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98140}.compact-btn-green:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 3px 8px #10b98159}.compact-btn-blue{background:#4a90e226;color:#93c5fd;border:1px solid rgba(74,144,226,.3)}.compact-btn-blue:hover{background:#4a90e240;color:#bfdbfe}#yardGridIntervalSelect,.yard-grid-interval-select{font-size:11px;padding:6px 8px;min-width:72px;height:34px;background:#25344af2!important;background-color:#25344af2!important;color:#e2e8f0;border:1px solid rgba(74,144,226,.3);border-radius:6px;cursor:pointer}#yardGridIntervalSelect:hover,#yardGridIntervalSelect:focus,.yard-grid-interval-select:hover,.yard-grid-interval-select:focus{background:#334155f2!important;border-color:#4a90e280}#yardGridIntervalSelect option,.yard-grid-interval-select option{background:#1e293b!important;color:#e2e8f0!important}#yardGridCustomStepInput,.yard-grid-step-input{font-size:11px;width:52px;min-width:44px;height:34px;padding:4px 6px;box-sizing:border-box;background:#25344af2;color:#e2e8f0;border:1px solid rgba(74,144,226,.3);border-radius:6px}#yardGridCustomStepInput:hover,#yardGridCustomStepInput:focus,.yard-grid-step-input:hover,.yard-grid-step-input:focus{border-color:#4a90e280;outline:none}.yard-grid-custom-step-wrap:not([hidden]){display:inline-flex;align-items:center}.compact-btn-red{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.compact-btn-red:hover{background:#ef444440;color:#fecaca}.share-dropdown-wrap{position:relative;z-index:999999;isolation:isolate}.share-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;background:#1e2530;border:1px solid rgba(74,144,226,.35);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:999999;padding:4px 0;box-sizing:border-box}.share-dropdown-menu>.share-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;color:#e2e8f0;font-size:13px;cursor:pointer;text-align:left;box-sizing:border-box}.share-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:none;color:#e2e8f0;font-size:13px;cursor:pointer;text-align:left;box-sizing:border-box}.share-dropdown-item:hover{background:#4a90e233;color:#fff}.share-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.share-dropdown-edit-row{display:flex;align-items:center;width:100%;padding:0;border:none;background:none;gap:0;box-sizing:border-box}.share-dropdown-edit-row .share-dropdown-item:first-child{flex:1;min-width:0;width:auto}.share-dropdown-edit-row .share-dropdown-item:last-child{flex:0 0 auto;width:auto;justify-content:center;padding:10px 12px;color:#94a3b8;font-size:12px;border-left:1px solid rgba(255,255,255,.1)}.background-selector-container .toolbar-actions{display:flex;gap:6px;align-items:center}.background-selector-container .selector-group{display:flex;flex-direction:column;gap:3px}.planner-plan-tabs-strip{position:relative;z-index:210;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;margin:0 0 8px -10px;width:calc(100% + 10px);box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(135deg,#1a1f28f5,#141a24f5);box-shadow:0 2px 8px #00000038}body.view-only-mode #plannerPlanTabsStrip{width:min(calc((100vh - 140px) * 16 / 9),95vw);margin:0 auto 8px}.planner-plan-tab{border:1px solid rgba(148,163,184,.28);background:#3341558c;color:#cbd5e1;border-radius:8px;height:44px;min-width:190px;max-width:340px;padding:0 10px 0 12px;display:inline-flex;align-items:center;gap:8px;cursor:default;box-sizing:border-box}.planner-plan-tab:hover{background:#475569b3;border-color:#94a3b873}.planner-plan-tab.active{color:#fff;border-color:#60a5fa8c;background:#2563eb61}.planner-plan-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.planner-plan-tab-main{appearance:none;border:none;background:transparent;color:inherit;font:inherit;height:100%;min-width:0;flex:1 1 auto;display:inline-flex;align-items:center;text-align:left;cursor:pointer;padding:0}.planner-plan-tab-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.1}.planner-plan-tab-close{margin-left:2px;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:#e2e8f0bf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.planner-plan-tab-close:hover{color:#fff;background:#ef444480}.planner-plan-tab-subtitle{font-size:10px;color:#cbd5e1ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.planner-plan-tab-static{cursor:default;opacity:.95}.planner-plan-tabs-actions{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.planner-plan-tabs-export-btn{border:1px solid rgba(16,185,129,.45);background:#10b98129;color:#d1fae5;border-radius:8px;height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.planner-plan-tabs-export-btn:hover{background:#10b9813d;border-color:#10b981a6}.planner-plan-tabs-share-btn{border:1px solid rgba(59,130,246,.45);background:#3b82f624;color:#dbeafe;border-radius:8px;height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.planner-plan-tabs-share-btn:hover{background:#3b82f63d;border-color:#60a5fab3}.planner-plan-tab-new-trigger{border:1px dashed rgba(96,165,250,.65);background:#2563eb1f;color:#bfdbfe;border-radius:8px;height:44px;min-width:152px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;cursor:pointer}.planner-plan-tab-new-trigger:hover{background:#2563eb3d;border-color:#93c5fdd9;color:#e0edff}body.embed-mode #plannerPlanTabsStrip,html.embed-mode-detected #plannerPlanTabsStrip{display:none!important}.background-selector-container{position:relative;z-index:200;margin-bottom:0;margin-left:-10px;min-width:50%;background:#2a2a2af2;border:1px solid #555;border-radius:6px;padding:8px 12px;box-shadow:0 2px 10px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;transition:max-height 1s ease,padding 1s ease,margin 1s ease,opacity 1s ease,border-width .2s ease;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease}.background-selector-container:hover{background:#323232fa;border-color:#666;box-shadow:0 4px 15px #0006}.background-selector-container label{color:#ccc;font-size:12px;font-weight:500;margin:0;white-space:nowrap}.background-selector-container select{background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;min-width:150px;transition:all .2s ease}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#4132c480;border-radius:8px}*::-webkit-scrollbar-thumb{background:#fff3;border-radius:8px;border:2px solid rgba(0,0,0,.2)}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}.background-selector-container select:hover{background:#3a3a3a;border-color:#666}.background-selector-container select:focus{outline:none;border-color:#4a90e2;background:#3a3a3a}.background-selector-container select option{background:#333;color:#fff;padding:4px 8px}.planner-custom-dropdown-wrap{min-width:0;width:140px;flex-shrink:0}.planner-dropdown-trigger{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 28px 0 10px;font-size:12px;color:#e2e8f0;background:#1e293bf2;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;z-index:1;box-shadow:0 1px 3px #0003}.planner-dropdown-trigger:hover{background:#334155fa;border-color:#94a3b840;box-shadow:0 2px 6px #00000040}.planner-dropdown-trigger:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(226,232,240,.8);pointer-events:none}.planner-dropdown-trigger-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.planner-dropdown-trigger-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-dropdown-list{display:none;position:absolute;left:0;right:0;top:100%;margin-top:4px;max-height:200px;overflow-y:auto;background:#1e293bfa;border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 4px 16px #00000059,0 0 0 1px #0000001a;z-index:300}.planner-dropdown-list.planner-dropdown-list-open{display:block}.planner-dropdown-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:#e2e8f0;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.planner-dropdown-option:last-child{border-bottom:none}.planner-dropdown-option:hover,.planner-dropdown-option.is-hovered{background:#4a90e22e}.planner-dropdown-option-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-dropdown-wrap-wide{width:175px}.canvas-container .canvas-wrapper .upper-canvas{width:100%;height:100%;cursor:default}.canvas-container .canvas-wrapper .upper-canvas .mtr-rotate{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M23 4v6h-6'/><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/></svg>") 12 12,auto}.canvas-container .canvas-wrapper .upper-canvas .canvas-selection{border:2px solid rgba(255,255,255,.3);background-color:#ffffff1a;transition:all .2s ease}.canvas-container .canvas-wrapper .upper-canvas .canvas-selection:hover{border-color:#ffffff80;background-color:#ffffff26}.canvas-container .canvas-wrapper .upper-canvas .canvas-selection.active{border-color:#ffffffb3;background-color:#fff3}.canvas-container .canvas-wrapper .upper-canvas .canvas-control{background-color:#fffc;border:1px solid rgba(255,255,255,.9);border-radius:50%;transition:all .2s ease}.canvas-container .canvas-wrapper .upper-canvas .canvas-control:hover{background-color:#fff;transform:scale(1.1)}.context-menu{position:fixed;background:linear-gradient(135deg,#1e293bfa,#0f172afa);border:1px solid rgba(71,85,105,.5);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:1000;min-width:200px;box-shadow:0 8px 24px #0006,0 0 0 1px #4a90e214 inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .15s ease-out}.context-menu button{width:100%;padding:8px 12px;background:#33415566;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;transition:background .15s,color .15s;font-size:13px;font-weight:500;text-align:left;display:flex;align-items:center;gap:10px}.context-menu button:hover{background:#47556999;color:#fff}.context-menu button i{width:18px;text-align:center;font-size:13px;opacity:.9}.context-menu button[data-variant=danger] i,.context-menu button[data-variant=danger]{color:#f87171}.context-menu button[data-variant=danger]:hover{background:#ef444433;color:#fca5a5}.context-menu button[data-variant=success] i,.context-menu button[data-variant=success]{color:#4ade80}.context-menu button[data-variant=success]:hover{background:#22c55e33;color:#86efac}.context-menu button[data-variant=warning] i,.context-menu button[data-variant=warning]{color:#fbbf24}.context-menu button[data-variant=warning]:hover{background:#f59e0b33;color:#fcd34d}.context-menu button[data-variant=accent] i,.context-menu button[data-variant=accent]{color:#7dd3fc}.context-menu button[data-variant=accent]:hover{background:#4a90e240;color:#bae6fd}.context-menu button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.context-menu button.patreon-greyed{opacity:.65;color:#94a3b8e6}.context-menu button.patreon-greyed i:first-of-type{color:#94a3b8e6}.context-menu input[type=color]{width:100%;height:32px;padding:0;border:1px solid rgba(71,85,105,.5);border-radius:6px;cursor:pointer;background:#1e293b99}.context-menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(71,85,105,.5),transparent);margin:4px 6px}.context-menu-header{padding:6px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:#94a3b8}.context-menu-header strong{color:#7dd3fc;font-weight:700}.context-menu button[data-variant=violet] i,.context-menu button[data-variant=violet]{color:#c4b5fd}.context-menu button[data-variant=violet]:hover{background:#8b5cf640;color:#ddd6fe}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#raidCanvas{width:100%;height:100%;border-radius:10px}.icon-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center;z-index:11000}.modal-content{background:linear-gradient(135deg,#141923fa,#0f141efa);border:1px solid rgba(74,144,226,.25);border-radius:12px;padding:20px;position:relative;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #00000080,0 0 20px #4a90e226;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:5px;line-height:1}.modal-close:hover{color:#fff;transform:none}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;padding:10px;max-width:600px}.icon-btn{background:linear-gradient(135deg,#1e232d99,#191e2899);border:1px solid rgba(74,144,226,.15);border-radius:10px;padding:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;width:100%;height:60px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff08;box-sizing:border-box}.icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a90e214,#4a90e208);opacity:0;transition:opacity .2s ease;border-radius:10px}.icon-btn:hover{border-color:#4a90e24d;background:linear-gradient(135deg,#282d37b3,#232832b3);transform:translateY(-2px);box-shadow:0 4px 12px #0003,0 0 12px #4a90e226,inset 0 1px #ffffff0d}.icon-btn:active{transform:translateY(0);border-color:#4a90e24d}.icon-btn:focus{outline:none;border-color:#4a90e24d}.icon-btn:hover:before{opacity:1}.icon-btn img{width:32px;height:32px;object-fit:contain}.vertical-toolbar #floating-toolbar{position:absolute;top:50%;left:24px;transform:translateY(-50%);background:linear-gradient(135deg,#1e232df2,#141923f2);border-radius:20px;box-shadow:0 0 0 1px #4a90e21a,0 8px 24px #00000040,inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:8px;padding:16px 12px;z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(74,144,226,.15)}#floating-toolbar.hidden{opacity:0;transform:translate(-50%) translateY(-20px);pointer-events:none}.toggle-toolbar-btn{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:30;width:36px;height:20px;background:#222831eb;border:1.5px solid #222a31;border-top:none;border-radius:0 0 10px 10px;cursor:pointer;color:#bfc9d1;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:12px;padding:0;outline:none;box-shadow:0 4px 8px #00000026}.toggle-toolbar-btn:hover{color:#fff;background:#2d3440eb}.toggle-toolbar-btn.toolbar-hidden i{transform:rotate(180deg)}.vertical-toolbar #floating-toolbar button{width:48px;height:48px;border:none;background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#94a3b8;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;margin:0;padding:0;position:relative;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.vertical-toolbar #floating-toolbar button:hover{background:linear-gradient(135deg,#4a90e226,#4a90e214);color:#60a5fa;transform:scale(1.01);box-shadow:0 2px 8px #4a90e233,0 1px 4px #0000001a,inset 0 1px #ffffff26}.vertical-toolbar #floating-toolbar button:active{transform:scale(.98)}.vertical-toolbar #floating-toolbar button.active-tool,.vertical-toolbar #floating-toolbar button[aria-pressed=true]{background:linear-gradient(135deg,#4a90e240,#4a90e226);color:#fff;box-shadow:0 0 0 2px #4a90e266,0 4px 20px #4a90e240,inset 0 1px #fff3;transform:scale(1.01)}.vertical-toolbar #floating-toolbar button i{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px}#dragModeToggle:hover{background:#ffffff14!important;border-color:#ffffff26!important}.main-content{position:relative;overflow-y:auto;height:100%}#timeline-root{width:calc(100% + 35px);max-width:none;margin:14px 0 16px;margin-left:-25px!important;margin-right:-10px!important;padding:0 10px;box-sizing:border-box}.canvas-layout{display:flex;flex:0 0 auto;max-height:calc(100vh - 240px);gap:0;width:100%;align-items:stretch!important}.canvas-center-wrapper{display:flex;flex:1 1 0;min-width:0;justify-content:center;align-items:stretch;position:relative;margin-left:10px}.left-dock{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:auto;width:120px;flex-shrink:0}.left-dock #floating-toolbar{position:static;transform:none;display:flex;flex-direction:column;gap:8px;padding:16px 12px}.right-dock{display:flex;flex-direction:column;align-items:stretch;pointer-events:auto;width:280px;flex-shrink:0;gap:0;padding:0 0 0 4px;align-self:stretch;height:100%;max-height:calc(100vh - 240px);min-height:0;overflow:hidden}.panel-dock-toggle-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#ffffff80;cursor:pointer;transition:color .2s,background .2s}.panel-dock-toggle-btn:hover{color:#60a5fa;background:#4a90e226}.panel-dock-toggle-btn:focus-visible{outline:2px solid rgba(74,144,226,.45);outline-offset:2px}.right-dock-toggle-btn{flex:0 0 auto;align-self:center;display:none;align-items:center;justify-content:center;margin:8px 0;width:24px;height:56px;padding:0;border-radius:8px;border:1px solid rgba(74,144,226,.45);background:linear-gradient(180deg,#192d4ef5,#14243ff5);color:#dbeafe;font-size:11px;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:all .18s ease}.right-dock-toggle-btn:hover{border-color:#7db3f8d1;background:linear-gradient(180deg,#203d69fa,#193054fa)}.right-dock-toggle-btn:focus-visible{outline:none;border-color:#93c5fde6;box-shadow:0 0 0 2px #60a5fa47,0 4px 12px #00000059}.right-dock.right-dock-minimized{width:30px;padding:0;align-items:stretch}.right-dock.right-dock-minimized .right-dock-split{display:none}.right-dock.right-dock-minimized .right-dock-toggle-btn{display:inline-flex;width:22px;height:auto;margin:10px auto;padding:8px 2px;border-radius:8px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.4px;font-size:10px;gap:4px}.right-dock-toggle-btn .right-dock-toggle-label{line-height:1}.right-dock-split{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.right-dock-split #layer-panel{flex:var(--objects-ratio, .5) 1 0;min-height:0;max-height:70%;transition:none}.right-dock-resizer{flex:0 0 8px;min-height:8px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:background .15s ease,border-color .15s ease}.right-dock-resizer:hover{background:#4a90e21a;border-top-color:#4a90e233;border-bottom-color:#4a90e233}.right-dock-resizer-active,.right-dock-resizer:active{background:#4a90e22e;border-top-color:#4a90e259;border-bottom-color:#4a90e259}.right-dock-resizer-handle{width:20px;height:2px;border-radius:1px;background:#ffffff59;transition:background .15s ease}.right-dock-resizer:hover .right-dock-resizer-handle{background:#4a90e2bf}.right-dock-resizer-active .right-dock-resizer-handle,.right-dock-resizer:active .right-dock-resizer-handle{background:#4a90e2f2}.right-dock-split #group-panel{flex:calc(1 - var(--objects-ratio, .5)) 1 0;min-height:0;max-height:none;transition:none}body.right-dock-resizing{cursor:ns-resize!important;-webkit-user-select:none;user-select:none}.vertical-toolbar{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;gap:10px;padding-left:0;z-index:40;pointer-events:none}.vertical-toolbar #floating-toolbar{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;padding:16px 12px;pointer-events:auto}#group-panel{position:relative;background:linear-gradient(180deg,#1e2430fa,#181c26fa);border:1px solid rgba(255,255,255,.06);border-radius:8px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08;padding:0;z-index:30;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;transition:all .2s ease;flex:1 1 0;min-height:0;max-height:50%;overflow:hidden}#group-panel .panel-header{background:linear-gradient(180deg,#8b5cf61f,#8b5cf608);border-bottom:1px solid rgba(139,92,246,.15)}#group-panel .panel-title i{color:#a78bfa}#group-panel .panel-search input:focus{border-color:#8b5cf666}#group-panel #group-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:8px}#group-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding:8px;position:relative}.group-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:all .2s ease;cursor:pointer;position:relative;margin-bottom:0}.group-item:hover{background:linear-gradient(135deg,#4a90e226,#4a90e214);border-color:#4a90e24d;transform:translate(-1px);box-shadow:0 2px 8px #4a90e233}#group-panel .group-expand-btn{flex-shrink:0;width:22px;height:22px;padding:0;margin-right:4px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#fff9;cursor:pointer;transition:color .15s ease}#group-panel .group-expand-btn:hover{color:#ffffffe6}.group-layer-list{display:flex;flex-direction:column;gap:2px;padding:6px 8px 8px 28px;margin-top:-4px;margin-bottom:4px;border-left:2px solid rgba(167,139,250,.25);background:#00000026;border-radius:0 0 6px 6px}.group-layer-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.group-layer-item:hover{background:#4a90e233}.group-layer-item.selected{background:#4a90e259;color:#fff}.group-layer-info{display:flex;align-items:center;gap:8px;min-width:0}.group-layer-icon{flex-shrink:0;width:18px;text-align:center;color:#ffffffb3;font-size:12px}.group-layer-name{font-size:12px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-layer-item.selected .group-layer-name{color:#fff}.group-layer-item.hidden .group-layer-name,.group-layer-item.hidden .group-layer-icon{opacity:.6}.group-layer-actions{display:flex;align-items:center;gap:4px}.group-layer-visibility-btn{width:22px;height:22px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;border-radius:5px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#bfc9d1}.group-layer-visibility-btn:hover{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666;color:#60a5fa}.drop-indicator{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(74,144,226,.8) 10%,rgba(74,144,226,1) 50%,rgba(74,144,226,.8) 90%,transparent);border-radius:2px;pointer-events:none;z-index:1000;box-shadow:0 0 8px #4a90e299;animation:pulse-glow 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px #4a90e299}50%{opacity:.8;box-shadow:0 0 12px #4a90e2cc}}.drop-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#4a90e2;border-radius:50%;box-shadow:0 0 6px #4a90e2cc}.drop-indicator:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#4a90e2;border-radius:50%;box-shadow:0 0 6px #4a90e2cc}.group-info{display:flex;flex-direction:column;gap:2px}#group-panel .group-info{flex-direction:row;align-items:center;gap:6px;min-width:0;flex:1}#group-panel .group-info-text{display:flex;flex-direction:column;gap:2px;min-width:0}.group-name{font-weight:500;color:#fff;font-size:13px}.group-count{font-size:11px;color:#ffffff80}.group-actions{display:flex;gap:4px}.group-select-btn,.group-visibility-btn,.group-delete-btn,.group-combine-btn{width:26px;height:26px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;color:#bfc9d1}.group-visibility-btn:hover{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666;color:#60a5fa}.group-select-btn:hover{background:linear-gradient(135deg,#4a90e233,#4a90e21a);border-color:#4a90e266;color:#60a5fa}.group-delete-btn:hover{background:linear-gradient(135deg,#ef444440,#ef444426);border-color:#ef444466;color:#ef4444}.group-combine-btn:hover{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66;color:#22c55e}.empty-groups{color:#ffffff80;text-align:center;padding:8px;font-style:italic;font-size:12px}#saveGroupBtn{background:linear-gradient(135deg,#4a90e2e6,#4a90e2cc);color:#fff;border:1px solid rgba(74,144,226,.4);padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;letter-spacing:.3px;transition:all .2s ease;box-shadow:0 2px 8px #4a90e24d}#saveGroupBtn:hover{background:linear-gradient(135deg,#4a90e2,#4a90e2e6);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266}#minimizeGroupPanelBtn{position:absolute;top:6px;right:6px;background:#ffffff1a;color:#fff9;border:none;border-radius:4px;padding:3px 6px;font-size:14px;cursor:pointer;transition:all .2s}#minimizeGroupPanelBtn:hover{background:#fff3;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2a2a2a;border-radius:8px;padding:24px;min-width:300px;box-shadow:0 4px 12px #0003}.delete-group-modal{border:1px solid rgba(255,255,255,.1)}.delete-group-modal h3{margin:0 0 16px;color:#fff;font-size:18px}.delete-group-modal p{margin:0 0 24px;color:#fffc;font-size:14px;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;gap:12px}.modal-buttons button{padding:8px 16px;border-radius:4px;border:none;font-size:14px;cursor:pointer;transition:all .2s ease}.modal-buttons .cancel-btn{background:#ffffff1a;color:#fffc}.modal-buttons .cancel-btn:hover{background:#ffffff26}.modal-buttons .delete-btn{background:#dc3545;color:#fff}.modal-buttons .delete-btn:hover{background:#c82333}#layer-panel{position:relative;background:linear-gradient(180deg,#1e2430fa,#181c26fa);border:1px solid rgba(255,255,255,.06);border-radius:8px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08;padding:0;z-index:30;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease;flex:1 1 0;min-height:0;max-height:50%;overflow:hidden}#layer-panel .panel-header{background:linear-gradient(180deg,#4a90e21f,#4a90e208);border-bottom:1px solid rgba(74,144,226,.15)}#layer-panel #layer-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:8px}#layer-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;overflow-x:hidden;padding:8px;position:relative}#layer-list::-webkit-scrollbar,#group-list::-webkit-scrollbar{width:5px}#layer-list::-webkit-scrollbar-track,#group-list::-webkit-scrollbar-track{background:transparent}#layer-list::-webkit-scrollbar-thumb,#group-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#layer-list::-webkit-scrollbar-thumb:hover,#group-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:all .2s ease;cursor:pointer;position:relative;margin-bottom:0;min-height:32px;width:100%;box-sizing:border-box;gap:8px}.layer-item:hover{background:linear-gradient(135deg,#4a90e226,#4a90e214);border-color:#4a90e24d;transform:translate(-1px);box-shadow:0 2px 8px #4a90e233}.layer-item.selected{background:linear-gradient(135deg,#4a90e240,#4a90e226);border:1px solid rgba(74,144,226,.5);box-shadow:0 2px 12px #4a90e24d}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}.layer-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.layer-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:12px}.layer-icon i{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.layer-name{font-size:13px;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1}.layer-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s;flex-shrink:0;margin-left:8px}.layer-item:hover .layer-actions,.layer-child .layer-actions{opacity:1}.layer-container{display:flex;align-items:center;gap:4px;margin-bottom:3px}.layer-container.layer-dragging{opacity:.6}.layer-container.layer-drop-above:before,.layer-container.layer-drop-below:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:#4a90e2e6;border-radius:1px;pointer-events:none;z-index:2}.layer-container.layer-drop-above:before{top:-2px}.layer-container.layer-drop-below:after{bottom:-2px}.layer-container{position:relative}.layer-visibility-btn,.layer-lock-btn,.layer-delete-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:4px;width:26px;height:26px;border-radius:5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.layer-up-btn,.layer-down-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:1px;width:16px;height:14px;border-radius:3px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.layer-visibility-btn:hover{background:linear-gradient(135deg,#4a90e233,#4a90e21a);border-color:#4a90e266;color:#60a5fa}.layer-up-btn:hover{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66;color:#22c55e}.layer-down-btn:hover{background:linear-gradient(135deg,#a855f733,#a855f71a);border-color:#a855f766;color:#a855f7}.layer-visibility-btn i,.layer-lock-btn i,.layer-delete-btn i{width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:inherit}.layer-lock-btn:hover{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b66;color:#f59e0b}.layer-up-btn i,.layer-down-btn i{width:8px;height:8px;display:flex;align-items:center;justify-content:center;font-size:8px;color:inherit}.layer-delete-btn:hover{background:linear-gradient(135deg,#ef444440,#ef444426);border-color:#ef444466;color:#ef4444}.layer-hidden{opacity:.5}.layer-child{margin-left:24px;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08;width:calc(100% - 24px);box-sizing:border-box}.layer-child .layer-info{flex:1;min-width:0;overflow:hidden}.layer-child .layer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}input[type=radio]{display:none}input[type=radio]+div{transition:all .2s ease}input[type=radio]:checked+div{background:#22c55e26!important;border-color:#22c55e80!important;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}input[type=radio]:checked+div i{color:#22c55e!important}input[type=radio]:checked+div div:first-of-type{color:#22c55e!important}#minimizeLayerPanelBtn{position:absolute;top:6px;right:6px;background:#ffffff1a;color:#fff9;border:none;border-radius:4px;padding:3px 6px;font-size:14px;cursor:pointer;transition:all .2s}#minimizeLayerPanelBtn:hover{background:#fff3;color:#fff}.panel-header{display:flex;flex-direction:column;background:linear-gradient(180deg,#4a90e214,#4a90e205);border-bottom:1px solid rgba(255,255,255,.06);border-radius:7px 7px 0 0}.panel-title{font-size:11px;font-weight:600;color:#ffffffe6;margin:0;padding:8px 12px 6px;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px;border-bottom:none;-webkit-user-select:none;user-select:none}.panel-title i{font-size:12px;width:16px;color:#60a5fa;height:16px;display:flex;align-items:center;justify-content:center;opacity:.9}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.panel-lock-all-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#ffffff80;cursor:pointer;transition:color .2s,background .2s}.panel-lock-all-btn:hover{color:#60a5fa;background:#4a90e226}.panel-lock-all-btn:focus-visible{outline:2px solid rgba(74,144,226,.5);outline-offset:2px}.panel-settings-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#ffffff8c;cursor:pointer;transition:color .2s,background .2s}.panel-settings-btn:hover{color:#c4e0ff;background:#4a90e226}.panel-settings-btn:focus-visible{outline:2px solid rgba(74,144,226,.5);outline-offset:2px}.panel-search{display:flex;align-items:center;gap:6px;padding:0 8px 8px}.panel-search i{font-size:10px;color:#ffffff4d;width:14px}.panel-search input{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:5px 8px;font-size:11px;color:#ffffffe6;outline:none;transition:all .2s}.panel-search input::placeholder{color:#ffffff4d}.panel-search input:focus{border-color:#4a90e266;background:#00000059}.doc-btn{width:40px;height:40px;border:none;background:#2a2a2a;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fffc}.doc-btn:hover{background:#3a3a3a;color:#fff;transform:translateY(-2px)}.doc-btn i{font-size:20px}.doc-modal{max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.doc-modal h3{margin:0 0 24px;color:#fff;font-size:24px;text-align:center}.doc-section{margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:8px}.doc-section h4{margin:0 0 12px;color:#4a90e2;font-size:18px}.doc-section ul{margin:0;padding-left:20px;color:#ffffffe6}.doc-section li{margin-bottom:8px;line-height:1.5}.doc-section li:last-child{margin-bottom:0}.doc-section strong{color:#fff}#addPath{background:linear-gradient(180deg,#23272f 60%,#181b20)}#addPath:hover{background:linear-gradient(180deg,#2a3240 60%,#23272f)}#addPath.active-tool{background:linear-gradient(180deg,#4a90e2 60%,#357ab8)!important;color:#fff!important;box-shadow:0 2px 12px #4a90e22e;outline:2px solid #4a90e2;transform:scale(1.12)}.timeline-controls{position:static;transform:none;background:#0a0c10e6;border-radius:12px;padding:12px;box-shadow:0 4px 20px #0000004d;z-index:auto;width:100%;max-width:100%;min-width:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.timeline-controls:not(.minimized){background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.timeline{display:flex;flex-direction:column;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#161a1ff2}.timeline-container{display:flex;height:260px;min-height:120px;max-height:500px;background:transparent;border-radius:0;margin:0;border:none;overflow:hidden;resize:vertical;position:relative}.app-footer{width:100%;max-width:1600px;margin:0 auto 12px;color:#ffffffb3;font-size:12px;display:flex;justify-content:center}.footer-inner{display:flex;gap:8px;align-items:center;opacity:.8}.footer-inner .dot{opacity:.6}.timeline-container:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1));cursor:ns-resize;pointer-events:none}.timeline-track-headers{--timeline-track-header-width: 212px;width:var(--timeline-track-header-width);flex-shrink:0;overflow-x:hidden;overflow-y:auto;background:#1a2029;border-right:1px solid rgba(255,255,255,.1);height:100%;padding:20px 4px 0;box-sizing:border-box}.timeline-track-headers::-webkit-scrollbar{width:8px}.timeline-track-headers::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.timeline-track-headers::-webkit-scrollbar-track{background:transparent}.timeline-track-header{display:flex;flex-direction:column;align-items:stretch;min-height:34px;border-bottom:none;box-shadow:none;color:#ffffffeb;font-size:12px;cursor:grab}.timeline-track-header.dragging{opacity:.5;cursor:grabbing}.timeline-track-header .track-header-main{display:flex;align-items:center;gap:7px;height:34px;min-height:34px;margin:0 2px;padding:0 7px 0 6px;flex-shrink:0;border-radius:5px;background:#ffffff08;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.timeline-track-header:hover .track-header-main{background:#ffffff0f;border-color:#ffffff12}.timeline-track-header .track-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#00000038;border-radius:4px;font-size:10px;flex-shrink:0;color:#ffffffbf}.timeline-track-header .track-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:12px;display:flex;flex-direction:column;line-height:1.1;color:#e2e8f0}.timeline-track-header .track-title>span:first-child,.timeline-track-header .track-title:not(:has(span)){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-track-header .track-title .object-type{font-size:9px;color:#94a3b8d9;font-weight:500;letter-spacing:.03em;text-transform:uppercase;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-track-header .track-header-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto;opacity:.4;transition:opacity .15s ease}.timeline-track-header:hover .track-header-actions,.timeline-track-header.timeline-track-selected .track-header-actions{opacity:1}.timeline-track-header .collapse-track-btn{width:20px;height:20px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#ffffff0d;color:#ffffffa6;font-size:9px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.timeline-track-header .collapse-track-btn:hover{background:#ffffff1a;color:#fffffff2;border-color:#ffffff29}.timeline-track-header[data-object-type=circle] .track-icon{color:#ff9f43}.timeline-track-header[data-object-type=rect] .track-icon{color:#1dd1a1}.timeline-track-header[data-object-type=image] .track-icon{color:#54a0ff}.timeline-track-header[data-object-type=i-text] .track-icon{color:#ee5253}.timeline-track-header[data-object-type=group] .track-icon{color:#a78bfa}.timeline-track-header[data-object-type=stationary] .track-icon{color:#fbbf24}.timeline-track-header[data-object-type=spawn] .track-icon{color:#c084fc}.timeline-track-header[data-object-type=progress] .track-icon{color:#4ade80}.timeline-track-header[data-object-type=tether] .track-icon{color:#94a3b8}.timeline-content{flex-grow:1;position:relative;overflow-x:auto;overflow-y:hidden;width:100%;transition:width .3s ease}.timeline-zoom-body{position:relative;min-width:100%;width:calc(var(--timeline-zoom, 1) * 100%);height:100%}body.timeline-space-pan .timeline-content{cursor:grab}body.timeline-panning .timeline-content,body.timeline-panning .timeline-content *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.timeline-time-markers{position:absolute;top:0;left:0;width:100%;height:20px;background:#222831f5;border-bottom:1px solid rgba(255,255,255,.1);z-index:1;cursor:pointer;transition:background .2s ease}.timeline-time-markers:hover{background:#2c3440fa}.time-marker{position:absolute;top:0;height:8px;width:1px;background:#fff3}.time-marker.major-marker{height:20px;background:#fff6}.time-marker.major-marker span{position:absolute;top:7px;left:6px;font-size:10px;color:#ffffffb3;white-space:nowrap}.time-marker.major-marker-end span{left:auto;right:6px}.timeline-playhead{position:absolute;top:0;left:0;height:100%;width:2px;background:#f55;z-index:2;pointer-events:none}.timeline-playhead:after{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ff5555}.timeline-tracks{--timeline-row-divider: rgba(255, 255, 255, .09);--timeline-row-divider-inner: rgba(255, 255, 255, .05);position:absolute;top:20px;left:0;width:100%;bottom:0;overflow-y:auto;height:calc(100% - 20px)}.timeline-track{position:relative;height:34px;border-bottom:1px solid var(--timeline-row-divider, rgba(255, 255, 255, .09));box-shadow:inset 0 1px #ffffff06;background:#2228314d;transition:background .2s ease}.timeline-track:hover{background-color:#2c344080}.timeline-track.timeline-track-stacked{display:flex;flex-direction:column;background-color:#2228314d;background-image:none;box-shadow:none}.timeline-track-row{position:relative;height:var(--track-row-step, 30px);min-height:var(--track-row-step, 30px);flex-shrink:0;border-bottom:1px solid var(--timeline-row-divider-inner);box-sizing:border-box}.timeline-track.timeline-track-stacked .timeline-track-row:first-child{box-shadow:inset 0 1px #ffffff06}.timeline-track.timeline-track-stacked .timeline-track-row:last-child{border-bottom:none}.timeline-track.timeline-track-stacked .animation-clip{top:var(--track-clip-inset, 2px);height:calc(var(--track-row-step, 30px) - (var(--track-clip-inset, 2px) * 2));resize:none}.timeline-track.timeline-track-stacked .animation-clip:hover{transform:none}.timeline-track-header.timeline-track-header-stacked{display:flex;flex-direction:column;background-color:#1a2029;background-image:none;box-shadow:none}.timeline-track-header-row{height:var(--track-row-step, 30px);min-height:var(--track-row-step, 30px);flex-shrink:0;border-bottom:none;box-sizing:border-box;display:flex;align-items:center}.timeline-track-header-row .track-header-main{width:100%;height:calc(var(--track-row-step, 30px) - 4px);min-height:calc(var(--track-row-step, 30px) - 4px)}.timeline-track-header-row .track-header-anim-entry{display:flex;align-items:center;gap:7px;width:100%;height:calc(var(--track-row-step, 30px) - 4px);min-height:calc(var(--track-row-step, 30px) - 4px);margin:0 2px;padding:0 7px 0 6px;flex-shrink:0;border-radius:5px;background:#ffffff08;border:1px solid transparent;box-sizing:border-box;cursor:pointer;transition:background .15s ease,border-color .15s ease}.timeline-track-header-row .track-header-anim-entry:hover,.timeline-track-header-row .track-header-anim-entry.track-anim-selected{background:#ffffff0f;border-color:#ffffff12}.timeline-track-header-row .track-header-anim-entry.track-anim-selected{background:#4a90e21a;border-color:#4a90e23d}.timeline-track-header-row .track-anim-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#00000038;border-radius:4px;font-size:10px;flex-shrink:0;color:#ffffffbf}.timeline-track-header-row .track-anim-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:#e2e8f0;display:flex;align-items:center}.timeline-track-header-row .track-anim-label .clip-type{font-weight:600;color:#ffffffd1;margin-right:4px}.timeline-track-header-row .track-header-anim-entry .track-anim-actions{opacity:.35}.timeline-track-header:hover .track-header-anim-entry .track-anim-actions,.timeline-track-header.timeline-track-selected .track-header-anim-entry .track-anim-actions,.timeline-track-header-row .track-header-anim-entry:hover .track-anim-actions{opacity:1}.timeline-track-header-row .delete-anim-btn{width:20px;height:20px;font-size:10px;cursor:pointer;padding:0;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:inline-flex;align-items:center;justify-content:center;color:#ffffff80;transition:background .15s ease,color .15s ease,border-color .15s ease}.timeline-track-header-row .delete-anim-btn:hover{color:#fca5a5;background:#ef444424;border-color:#f8717147}.timeline-tracks.timeline-snap-grid-enabled .timeline-track{background-color:#2228314d;background-image:repeating-linear-gradient(to right,rgba(91,155,213,.25) 0,rgba(91,155,213,.25) 1px,transparent 1px,transparent var(--timeline-snap-grid-step))!important;background-repeat:repeat}.timeline-tracks.timeline-snap-grid-enabled .timeline-track.timeline-track-stacked{background-image:repeating-linear-gradient(to right,rgba(91,155,213,.25) 0,rgba(91,155,213,.25) 1px,transparent 1px,transparent var(--timeline-snap-grid-step))!important;background-repeat:repeat}.timeline-time-markers.timeline-snap-grid-enabled{background-image:none!important;background-color:#222831!important}.timeline-track.timeline-track-selected{background-color:#4a90e233;box-shadow:inset 0 0 0 2px #4a90e280}.timeline-track-header.timeline-track-selected .track-header-main{background:#4a90e21f;border-color:#4a90e240;box-shadow:inset 3px 0 #5b9bd5}.timeline-track-header.timeline-track-selected .track-title{color:#f1f5f9}.animation-clip{position:absolute;top:4px;height:26px;background:linear-gradient(90deg,#4a90e2,#357ab8);border-radius:4px;color:#fff;font-size:12px;cursor:grab;transition:all .2s ease;z-index:1;box-shadow:0 2px 4px #0003;resize:vertical;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.animation-clip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000004d}.animation-clip:active{cursor:grabbing}.animation-clip.dragging{opacity:.9;z-index:100;transform:scale(1.05) translateY(-3px)!important;box-shadow:0 8px 16px #0006;animation:clip-pulse 1s infinite alternate;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}@keyframes clip-pulse{0%{box-shadow:0 8px 16px #4a90e266}to{box-shadow:0 12px 20px #4a90e299}}.animation-clip.dragging *,.timeline-content.dragging,.timeline-content.dragging *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}.clip-content{padding:0 8px;height:100%;display:flex;align-items:center;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-content .clip-type{font-weight:700;color:#fffc;margin-right:5px}.clip-handle{position:absolute;right:0;top:0;bottom:0;width:8px;background:#0000004d;border-radius:0 4px 4px 0;cursor:ew-resize;transition:background .2s ease}.clip-handle:hover{background:#fff6}.clip-handle:after{content:"";position:absolute;right:3px;top:50%;transform:translateY(-50%);height:16px;width:2px;background:#fff6;border-radius:1px}.animation-clip[data-is-resizing=true]{z-index:200;box-shadow:0 0 0 2px #fc0,0 8px 16px #0006}.animation-clip[data-is-resizing=true] .clip-handle{background:#fc09}.drop-indicator{position:absolute;top:0;width:2px;height:100%;background:#ffffffe6;z-index:3;pointer-events:none;box-shadow:0 0 8px #4a90e2cc;animation:drop-pulse .8s infinite alternate}@keyframes drop-pulse{0%{opacity:.7;width:2px}to{opacity:1;width:3px}}.empty-timeline{display:flex;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;color:#fff6;font-style:italic;text-align:center;padding:0 20px}.timeline-time-controls,.zoom-btn,.timeline-playback{display:none}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#1e2530fa,#1a1f28fa);border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff08;flex-shrink:0}.timeline-header-left{display:flex;gap:12px;flex-direction:row;align-items:center}.timeline-toggle-btn{position:static;transform:none!important;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;box-shadow:none;margin:0;vertical-align:middle}.timeline-toggle-btn:hover{background:#ffffff1f}.timeline-toggle-btn:active{transform:none!important}.drawing-message{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 20px;border-radius:8px;z-index:1000;box-shadow:0 2px 10px #0000004d;pointer-events:none;text-align:center;font-size:15px;max-width:400px;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}#objects-panel.minimized{width:40px;height:40px;padding:0;background:#23272fd9;border:none;box-shadow:0 2px 8px #00000026}#objects-panel.minimized .panel-title,#objects-panel.minimized .panel-content{display:none}#objects-panel.minimized .minimize-btn{margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#bfc9d1;font-size:18px;cursor:pointer;transition:color .2s}#objects-panel.minimized .minimize-btn:hover{color:#fff}.play-track-btn,.save-track-btn,.delete-track-btn{width:20px;height:20px;font-size:10px;cursor:pointer;padding:0;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.play-track-btn{color:#86eface0}.play-track-btn:hover{color:#dcfce7;background:#22c55e2e;border-color:#4ade804d}.save-track-btn{color:#93c5fdd9}.save-track-btn:hover{color:#bfdbfe;background:#4a90e22e;border-color:#4a90e24d}.delete-track-btn{color:#ffffff80}.delete-track-btn:hover{color:#fca5a5;background:#ef444424;border-color:#f8717147}.delete-clip-btn{background:none;border:none;width:18px;height:18px;font-size:12px;color:#fff9;cursor:pointer;margin-left:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;visibility:hidden}.animation-clip:hover .delete-clip-btn{visibility:visible}.delete-clip-btn:hover{background:#ffffff4d;color:#fff}.timeline-actions{display:flex;align-items:center;gap:8px}.tl-group{display:flex;align-items:center;gap:4px}.tl-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fffc;cursor:pointer;transition:all .2s ease;margin:0;font-size:13px}.tl-btn:hover{background:#ffffff1f;color:#fff}.tl-btn-primary:hover{background:#4a90e233;border-color:#4a90e259;color:#8bb8e8}.tl-btn.active,.tl-btn-primary.active{background:#4a90e24d;border-color:#4a90e280;color:#fff}.tl-btn.toggle-paths.is-off{opacity:.5}.timeline-playback-controls .play-btn,.timeline-playback-controls .stop-btn,.timeline-playback-controls .add-animation-btn{width:30px;height:30px;border-radius:6px;font-size:12px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.timeline-playback-controls .play-btn:hover,.timeline-playback-controls .stop-btn:hover,.timeline-playback-controls .add-animation-btn:hover{background:#fff3;transform:translateY(-2px)}.timeline-title{font-size:14px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.timeline-title:before{content:"";display:inline-block;width:3px;height:16px;background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:2px}.timeline-controls.minimized{background:#000000b3;padding:8px 16px;min-width:auto;width:auto;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}.timeline-controls.minimized .timeline-toggle-btn.minimized-only{display:inline-flex}.timeline-controls .timeline-toggle-btn.minimized-only{display:none}.timeline-minimized-title{color:#ffffffe6;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;display:none}.timeline-minimized-title i{font-size:14px;color:#4a90e2}.timeline-controls.minimized .timeline-minimized-title{display:flex}.timeline-controls.minimized .timeline-toggle-btn{position:static;transform:none;width:28px;height:28px;margin-left:8px;box-shadow:none;background:#ffffff1a}.timeline-track-header.empty-header{color:#ffffff73;font-style:italic}.timeline-track-header.empty-header .track-header-main{background:transparent;border:1px dashed rgba(255,255,255,.08)}.timeline-track-header.empty-header .track-icon{color:#ffffff59;background:transparent}.timeline-track-header.empty-header .track-icon{background:#ffffff0d;color:#ffffff4d}.timeline-track-header.empty-header .track-title{opacity:.7}.timeline-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1500;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.timeline-modal .modal-content{background:#222831f2;border-radius:12px;padding:24px;width:400px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);animation:modal-slide-in .3s cubic-bezier(.2,.8,.2,1.2)}@keyframes modal-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.timeline-modal h3{margin:0 0 16px;color:#fff;font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.timeline-modal p{margin:0 0 24px;color:#fffc;font-size:15px;line-height:1.6}.timeline-modal .modal-buttons{display:flex;justify-content:flex-end;gap:4px}.timeline-modal .cancel-btn{background:#ffffff1a;color:#fffc;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.timeline-modal .cancel-btn:hover{background:#fff3}.timeline-modal .delete-btn{background:#e74c3c;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.timeline-modal .delete-btn:hover{background:#c0392b;transform:translateY(-2px)}.action-btn{width:48px;height:48px;border:none;background:#2a2a2a;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:10px}.action-btn:hover{background:#3a3a3a;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.action-btn:active{transform:translateY(0);box-shadow:none}.export-btn{background-color:#2a6c34}.export-btn:hover{background-color:#348a41}.import-btn{background-color:#374e77}.import-btn:hover{background-color:#4a67a0}.share-modal .modal-content{max-width:600px;width:90%}.share-textarea{width:100%;height:120px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#ffffffe6;font-family:monospace;font-size:14px;resize:none;margin-bottom:16px}.share-textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d}.copy-btn,.import-btn-modal{background:#4a90e2;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;width:100%}.copy-btn:hover,.import-btn-modal:hover{background:#357ab8;transform:translateY(-2px)}.close-modal-btn,.cancel-modal-btn{background:#ffffff1a;color:#fffc;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%}.close-modal-btn:hover,.cancel-modal-btn:hover{background:#fff3}.share-btn{background-color:#703770}.share-btn:hover{background-color:#8a4489}.import-code-btn{background-color:#ff9800}.import-code-btn:hover{background-color:#ffb74d}.text-format-toolbar{display:flex;position:fixed;background:#1e232cfa;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 8px;gap:6px;z-index:1000;box-shadow:0 4px 12px #0000004d;align-items:center;-webkit-user-select:none;user-select:none;flex-wrap:wrap;max-width:520px;cursor:grab}.text-format-toolbar:active{cursor:grabbing}.text-format-toolbar span{color:#89a;font-size:11px;margin-right:2px;text-transform:uppercase;letter-spacing:.3px}.text-format-toolbar .font-family-select{width:110px;padding:4px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#e2e8f0;font-size:12px;cursor:pointer}.text-format-toolbar .font-size-input{width:44px;padding:4px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#e2e8f0;font-size:12px;text-align:center}.text-format-toolbar .font-weight-select{width:60px!important;padding:4px 6px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.1)!important;background:#0000004d!important;color:#e2e8f0!important;font-size:12px!important}.text-format-toolbar .font-color-input,.text-format-toolbar .bg-color-input{width:26px;height:26px;border:none;background:none;cursor:pointer;padding:0;margin:0}.text-format-toolbar .stroke-width-input{width:36px;padding:4px 6px;font-size:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e2e8f0}.text-format-toolbar .format-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#89a;cursor:pointer;transition:all .15s ease;font-size:12px}.text-format-toolbar .format-btn:hover{background:#ffffff1a;color:#e2e8f0}.text-format-toolbar .format-btn.active{background:#4a90e24d;border-color:#4a90e280;color:#4a90e2}.text-hyperlink-url-popover{box-sizing:border-box;padding:0;background:#161a22fa;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 28px #00000073}.text-hyperlink-url-popover-inner{padding:12px 14px 14px}.text-hyperlink-url-popover-title{font-size:13px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.text-hyperlink-url-popover-hint{margin:0 0 4px;font-size:12px;line-height:1.45;color:#94a3b8}.text-hyperlink-url-popover-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#89a;margin-bottom:6px}.text-hyperlink-url-popover-input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#e2e8f0;font-size:13px}.text-hyperlink-url-popover-input:focus{outline:none;border-color:#5b9cf88c;box-shadow:0 0 0 2px #5b9cf826}.text-hyperlink-url-popover-input:disabled{opacity:.55}.text-hyperlink-url-popover-error{margin-top:8px;font-size:12px;color:#f87171}.text-hyperlink-url-popover-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.text-hyperlink-url-popover-btn{padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#cbd5e1}.text-hyperlink-url-popover-btn:hover{background:#ffffff1a;color:#f1f5f9}.text-hyperlink-url-popover-primary{background:#4a90e259;border-color:#4a90e273;color:#e8f2ff}.text-hyperlink-url-popover-primary:hover{background:#4a90e280}.text-hyperlink-url-popover-remove{margin-right:auto;color:#fca5a5;border-color:#f8717140;background:#f8717114}.text-hyperlink-url-popover-remove:hover{background:#f8717126;color:#fecaca}.top-navigation{position:fixed;top:0;left:0;width:100%;height:64px;min-height:64px;background:linear-gradient(135deg,#14161efa,#0f1118fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-sizing:border-box;overflow:visible;box-shadow:0 2px 24px #0006,inset 0 1px #ffffff0d;z-index:300;color:#fff;border-bottom:1px solid rgba(74,144,226,.15)}.nav-logo{font-weight:700;font-size:20px;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.nav-buttons{display:flex;gap:8px;align-items:center}.nav-buttons button{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:10px 18px;color:#e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:500;letter-spacing:.3px}.nav-buttons button:hover{background:#ffffff14;border-color:#ffffff26}.nav-user-menu{background:#1e212bfa;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:190px;box-shadow:0 8px 24px #0006;z-index:20001;overflow:hidden}#userMenu.nav-user-menu{position:fixed}.nav-user-menu-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffff8c}.nav-user-menu-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:#e2e8f0;text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;box-sizing:border-box}.nav-user-menu-item:hover{background:#3b82f61a;color:#f1f5f9}.nav-user-menu-item i{margin-right:10px;width:16px;text-align:center}.nav-user-menu-item-muted{color:#6b7280!important}#newPlanBtn{background:#ff575726;border-color:#ff575759;color:#ffb3b3}#newPlanBtn:hover{background:#ff575740;color:#f99}#importPlanBtn{background:#8b5cf626;border-color:#8b5cf64d;color:#c4b5fd}#importPlanBtn:hover{background:#8b5cf640}#sharePlanBtn{background:#4a90e233;border-color:#4a90e259;color:#aad0ff}#sharePlanBtn:hover{background:#4a90e24d}#loginBtn,#helpModeBtn{background:#ffffff0f;border-color:#ffffff1f;color:#fff}#loginBtn:hover,#helpModeBtn:hover{background:#ffffff1f;border-color:#fff3}#discordBtn{background:#5865f226;border-color:#5865f266;color:#8b9fff}#discordBtn:hover{background:#5865f24d;border-color:#5865f299;color:#a8b4ff}#discordBtn i{color:#5865f2}#patreonBtn{background:#f9685426;border-color:#ff424d66;color:#f96854}#patreonBtn:hover{background:#f9685426;border-color:#ff424d99;color:#f96854}#patreonBtn i{color:#ff424d}.midnight-countdown{display:flex;align-items:center;gap:12px;margin:0 20px;padding:6px 16px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.midnight-logo{height:48px;width:auto;background:transparent;filter:drop-shadow(0 0 8px rgba(138,43,226,.5))}.countdown-content{display:flex;flex-direction:column;gap:2px}.countdown-title{font-size:11px;font-weight:600;color:#ffffffb3;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8)}.countdown-timer{display:flex;gap:12px;align-items:center}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:1px}.countdown-value{font-size:18px;font-weight:700;color:#e2e8f0;text-shadow:0 2px 4px rgba(0,0,0,.8);font-family:Inter,sans-serif;min-width:24px;text-align:center}.countdown-label{font-size:9px;font-weight:500;color:#fff9;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8)}.countdown-finished{font-size:14px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.minimized-playback-controls{display:none;align-items:center;gap:8px;margin-right:8px}.timeline-controls.minimized .minimized-playback-controls{display:flex}.minimized-play-btn,.minimized-stop-btn{width:28px;height:28px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px}.minimized-play-btn{background:#4a90e226}.minimized-play-btn:hover,.minimized-stop-btn:hover{background:#fff3;transform:translateY(-2px)}.minimized-play-btn:hover{background:#4a90e24d}.minimized-duration-btn{width:28px;height:28px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px}.minimized-duration-btn:hover{background:#fff3;transform:translateY(-2px)}.timeline-duration-dropdown{background:linear-gradient(135deg,#232328fa,#19191efa);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 1px #ffffff1a inset;min-width:180px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;position:fixed;top:0;left:0;z-index:10000;overflow:hidden;animation:slideDown .15s cubic-bezier(.25,.8,.25,1)}.dropdown-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:4px}.current-duration{font-size:18px;font-weight:600;color:#4a90e2}.dropdown-label{font-size:12px;color:#c5c5c5;font-weight:500}.dropdown-options{padding:8px 0}.duration-option{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:#c5c5c5;text-align:left;cursor:pointer;font-size:13px;transition:all .15s ease;border-radius:0}.duration-option:hover{background:#4a90e21a;color:#4a90e2}.duration-option.active{background:#4a90e22e;color:#9ec6f2}.timeline-settings-panel{width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:linear-gradient(135deg,#1e293bfa,#0f172afa);border:1px solid rgba(71,85,105,.55);border-radius:12px;box-shadow:0 12px 36px #00000073,0 0 0 1px #4a90e214 inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;animation:timelineSettingsFadeIn .15s ease-out}.timeline-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.timeline-settings-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#f8fafc}.timeline-settings-title i{color:#7dd3fc}.timeline-settings-close{width:30px;height:30px;border:none;border-radius:8px;background:#ffffff0f;color:#cbd5e1;cursor:pointer}.timeline-settings-close:hover{background:#ffffff1f;color:#fff}.timeline-settings-body{padding:14px 16px 16px}.timeline-settings-section+.timeline-settings-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.timeline-settings-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:12px}.timeline-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-settings-label{font-size:13px;color:#dbe4f0}.timeline-settings-input-wrap{display:flex;align-items:center;gap:6px}.timeline-settings-input-wrap input[type=number]{width:72px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0f172abf;color:#fff;font-size:13px}.timeline-settings-suffix{font-size:12px;color:#94a3b8}.timeline-settings-toggle-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#dbe4f0;cursor:pointer}.timeline-settings-toggle-row input{margin-top:2px;accent-color:#4a90e2}.timeline-settings-hint{margin:10px 0 0;font-size:12px;line-height:1.45;color:#94a3b8}.timeline-settings-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.timeline-settings-color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#33415559;border:1px solid rgba(255,255,255,.06);cursor:pointer}.timeline-settings-color-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#e2e8f0}.timeline-settings-color-label i{width:14px;text-align:center;color:#94a3b8}.timeline-settings-color-input{width:34px;height:28px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:transparent;cursor:pointer}.timeline-settings-footer{margin-top:14px;display:flex;justify-content:flex-end}.timeline-settings-reset{padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#cbd5e1;font-size:12px;cursor:pointer}.timeline-settings-reset:hover{background:#4a90e226;color:#dbeafe;border-color:#4a90e259}.timeline-clip-drag-hud{position:fixed;z-index:10060;pointer-events:none;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:600;color:#fffffff2;background:#181c24f0;border:1px solid rgba(91,155,213,.45);box-shadow:0 8px 22px #0000004d;opacity:0;visibility:hidden;transform:translate(calc(-100% - 10px),calc(-100% - 10px));transition:opacity .12s ease-out;white-space:nowrap}.timeline-clip-drag-hud.timeline-clip-drag-hud--visible{opacity:1;visibility:visible}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timelineSettingsFadeIn{0%{opacity:0}to{opacity:1}}.shape-properties-panel{position:absolute;background-color:#282c34e6;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 4px 15px #00000080;color:#fff;padding:8px 10px;z-index:10050!important;display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:320px;-webkit-user-select:none;user-select:none}.properties-section{display:flex;flex-direction:column;gap:4px}.properties-header{font-weight:600;font-size:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:3px;margin-bottom:2px}.properties-controls{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 8px;align-items:center}.properties-controls.color-controls{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px 12px;align-items:start}.properties-controls.color-controls .control-cell:not(.opacity-cell){min-width:0}.properties-controls.color-controls .control-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.properties-controls.color-controls .control-cell span{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:#fff9}.properties-controls.color-controls .opacity-cell{grid-column:1 / -1;width:100%;display:flex;flex-direction:column;gap:4px}.properties-controls.color-controls .opacity-cell>div{display:flex;align-items:center;gap:8px;width:100%}.properties-controls.color-controls .opacity-cell input[type=range]{flex:1;width:100%;min-width:0}.properties-controls.color-controls .opacity-cell .opacity-value{min-width:36px;text-align:right}.properties-controls.label-controls{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px 10px;align-items:start}.properties-controls.label-controls .control-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.properties-controls.label-controls .control-cell span{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:#fff9}.properties-controls.label-controls .control-cell-full{grid-column:1 / -1}.properties-controls span{font-size:11px}.properties-controls input[type=color]{width:28px;height:28px;border:none;border-radius:4px;padding:0;background:none;cursor:pointer;flex-shrink:0}.properties-controls input[type=number],.properties-controls input[type=text],.properties-controls select{background-color:#1e222ab3;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;padding:4px 8px;font-size:12px;box-sizing:border-box}.properties-controls input[type=number]{width:52px}.properties-controls.color-controls .stroke-width-input{width:52px;min-width:52px}.properties-controls.label-controls input[type=number]{width:100%;min-width:0}.properties-controls input[type=text]{width:100%}.properties-controls select{width:100%;min-width:0}.properties-controls select:focus,.properties-controls input:focus{outline:none;border-color:#4a90e2}.size-controls .size-inputs-container>div{display:flex;align-items:center;gap:6px}.size-dimension-input{width:52px;min-width:52px}.canvas-container .canvas-text-label{pointer-events:none;text-shadow:0px 1px 3px rgba(0,0,0,.8)}.collaboration-panel{position:absolute;right:80px;top:32px;background-color:#282c34e6;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:300px;color:#fff;z-index:1000;box-shadow:0 4px 15px #00000080;transition:all .3s;overflow:hidden}.collaboration-panel.minimized{width:36px;height:36px;overflow:hidden;background:#282c34b3;border-radius:4px;right:32px;top:90px}.collab-header,.collab-content{display:flex;flex-direction:column}.collaboration-panel.minimized .collab-header,.collaboration-panel.minimized .collab-content{display:none}.collab-minimized-icon{display:none;width:100%;height:100%;align-items:center;justify-content:center;color:#fffc;font-size:16px;cursor:pointer}.collab-minimized-icon:hover{color:#fff}.collaboration-panel.minimized .collab-minimized-icon{display:flex}.collab-toggle-btn{position:absolute;top:5px;right:5px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.collab-toggle-btn:hover{background:#ffffff1a}.collab-header{padding:15px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.collab-content{display:flex;flex-direction:column;padding:10px;max-height:400px;overflow-y:auto}.collab-section{margin-bottom:20px}.collab-section h3{font-size:14px;margin:0 0 10px;color:#ddd;font-weight:600;display:flex;justify-content:space-between;align-items:center}.collab-section h3 .user-count{background:#4a90e24d;color:#4a90e2;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:400}.share-url-container{display:flex;margin-bottom:10px}#share-url{flex:1;padding:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px 0 0 4px;color:#fff;font-size:12px}.copy-url-btn{padding:8px 12px;background:#4a90e2;border:none;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .2s}.copy-url-btn:hover{background:#3a7bc8}.share-link-option{padding:8px 10px;margin-bottom:5px;border-radius:4px;background:#0003;cursor:pointer;font-size:13px;transition:background-color .2s}.share-link-option:hover{background:#0000004d}.share-link-option.active{background:#4a90e24d;border-left:3px solid #4a90e2}.share-link-option i{margin-right:5px;width:16px;text-align:center}.users-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.user-item{display:flex;align-items:center;padding:10px;border-radius:6px;background:#0003;font-size:13px;position:relative;gap:10px;transition:all .2s ease}.user-item:hover{background:#0000004d}.user-item.current-user{background:#4a90e226;border:1px solid rgba(74,144,226,.3)}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;font-size:14px;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.user-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.user-role-text{font-size:11px;color:#fff9;display:flex;align-items:center;gap:4px;margin-top:2px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.online{background-color:#4caf50;box-shadow:0 0 5px #4caf5080}.status-indicator.offline{background-color:#9e9e9e}.status-indicator.away{background-color:#ffb74d}.requests-section.hidden{display:none}.request-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:6px;margin-bottom:8px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);font-size:13px}.request-user{font-weight:500}.request-actions{display:flex}.request-actions button{width:30px;height:30px;border:none;border-radius:4px;margin-left:5px;cursor:pointer}.approve-btn{background:#4caf50;color:#fff}.reject-btn{background:#f44336;color:#fff}.request-edit-btn{background:#4a90e2;color:#fff;border:none;padding:10px;margin-top:10px;border-radius:6px;cursor:pointer;font-weight:600;width:100%}.request-edit-btn:hover{background:#3a7bc8}.request-edit-btn:disabled{background:#555;cursor:not-allowed}.request-edit-btn.hidden{display:none}.floating-users-indicator{position:absolute;top:15px;right:15px;display:flex;align-items:center;background:#282c34e6;border-radius:30px;padding:5px 10px 5px 5px;box-shadow:0 2px 10px #0000004d;cursor:pointer;border:1px solid rgba(255,255,255,.2);z-index:999;transition:all .2s ease}.floating-users-indicator:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0006}.floating-users-indicator.hidden{display:none}.floating-users-indicator .users-count{background:#4a90e2;color:#fff;font-weight:600;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px}.avatar-stack{display:flex;margin-left:-15px}.stacked-avatar{width:28px;height:28px;border-radius:50%;border:2px solid rgba(40,44,52,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;margin-left:-8px;position:relative;background-color:#666;box-shadow:0 2px 4px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3)}.stacked-avatar.current{z-index:3;margin-left:0}.stacked-avatar.more{background:#888;z-index:1}.view-only-message{position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;padding:10px 15px;border-radius:30px;display:flex;align-items:center;box-shadow:0 4px 15px #0000004d;z-index:1000;font-size:14px}.view-only-message i{margin-right:8px;color:#ffb236}.view-only-message span{margin-right:10px}.view-only-message button{background:#4a90e2;color:#fff;border:none;padding:5px 10px;border-radius:20px;cursor:pointer;font-size:12px}.view-only-message button:hover{background:#3a7bc8}.view-only-message button:disabled{background:#777;cursor:not-allowed}#floating-toolbar button.disabled{opacity:.5;cursor:not-allowed}.collaboration-notification{position:fixed;bottom:20px;right:20px;padding:12px 16px;border-radius:6px;color:#fff;font-size:14px;z-index:2000;box-shadow:0 4px 12px #00000026;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;max-width:300px}.collaboration-notification.show{opacity:1;transform:translateY(0)}.collaboration-notification.info{background-color:#2196f3}.collaboration-notification.success{background-color:#4caf50}.collaboration-notification.warning{background-color:#ff9800}.collaboration-notification.error{background-color:#f44336}.session-display{font-size:14px}.session-label{color:#aaa;margin-right:5px}.session-id{font-weight:600;color:#fff}.role-display{font-size:14px;font-weight:600;padding:5px 10px;border-radius:20px;background:#0000004d}.role-display i{margin-right:5px}.collab-start-btn{background-color:#4a90e2!important;color:#fff!important;font-weight:600;display:flex;align-items:center;gap:8px;padding:8px 16px!important;border-radius:20px!important;box-shadow:0 2px 8px #4a90e24d;position:relative;overflow:hidden}.collab-start-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.collab-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.collab-start-btn.active{background-color:#2ecc71!important;box-shadow:0 2px 8px #2ecc714d}.collab-start-btn.active:after{animation:none}.collab-start-btn i{font-size:14px}.disconnect-btn{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:10px;margin-top:15px;width:100%;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.disconnect-btn:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 2px 8px #d32f2f4d}.disconnect-btn i{font-size:14px}.floating-users-indicator{display:flex;align-items:center;margin-left:10px;background:#181824cc;border-radius:20px;padding:3px 6px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;height:28px}.floating-users-indicator:hover{background:#323250cc;border-color:#fff3}.floating-users-indicator .users-count{background:#4a90e2;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:5px}.floating-users-indicator .avatar-stack{display:flex;align-items:center}.floating-users-indicator .stacked-avatar{width:22px;height:22px;border-radius:50%;background-color:#4a90e2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.6);margin-left:-8px}.floating-users-indicator .stacked-avatar:first-child{margin-left:0}.floating-users-indicator .stacked-avatar.current{z-index:3}.floating-users-indicator .stacked-avatar.more{background:#666;z-index:1}.floating-users-indicator,.collab-minimized-icon,.stacked-avatar,.avatar-stack,.users-count{display:none!important}.stationary-animation-clip{background:linear-gradient(90deg,#e67e22,#f39c12);border:1px solid rgba(255,255,255,.3)}.stationary-animation-clip:before{position:absolute;left:4px;top:0;font-size:10px;color:#ffffffe6}.timeline-accordion-header{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #34495e;border-radius:6px;margin:8px 0;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.timeline-accordion-header:hover{background:linear-gradient(135deg,#34495e,#2c3e50);box-shadow:0 2px 6px #00000026}.accordion-toggle{display:flex;align-items:center;padding:10px 14px;color:#ecf0f1;font-weight:500;font-size:13px;letter-spacing:.5px}.accordion-icon{margin-right:10px;font-size:11px;color:#bdc3c7;transition:transform .2s ease}.accordion-title{flex:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.timeline-accordion-content{background:transparent;border:none;border-top:none;border-radius:0 0 6px 6px;margin-top:-6px;padding:6px 0;transition:all .2s ease}.stationary-track-header,.stationary-track{background:transparent}.spawn-animation-clip{background:linear-gradient(90deg,#8e44ad,#9b59b6);border:1px solid rgba(255,255,255,.3)}.spawn-animation-clip:before{content:"★";position:absolute;left:4px;top:0;font-size:10px;color:#ffffffe6}.stationary-animation-clip{background:linear-gradient(135deg,#9c27b0e6,#7b1fa2e6);border:1px solid rgba(156,39,176,.8);position:relative}.stationary-animation-clip:before{content:"◆";position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:12px;color:#e1bee7}.toggle-visibility-btn{position:absolute;right:44px;top:3px;width:20px;height:20px;padding:0;background:transparent;border:none;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s ease;z-index:3}.toggle-visibility-btn:hover{color:#fff;transform:scale(1.1)}.toggle-visibility-btn[data-visible=true]{color:#fc0;text-shadow:0 0 4px rgba(255,255,0,.5)}.edit-clip-btn{position:absolute;right:22px;top:3px;width:20px;height:20px;border-radius:50%;background:#0006;border:none;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.animation-clip:hover .edit-clip-btn{opacity:1}.edit-clip-btn:hover{background:#000000b3}.spawn-config-modal .modal-content{width:400px;padding:20px}.intensity-slider-wrapper{display:flex;align-items:center;gap:12px}.intensity-slider-wrapper input[type=range]{flex:1}.intensity-value{min-width:45px;text-align:right;font-weight:600;color:#4a90e2}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{cursor:pointer}.spawn-config-modal .form-group{margin-bottom:15px}.spawn-config-modal label{display:block;margin-bottom:6px;font-weight:500;color:#eee}.spawn-config-modal input[type=number],.spawn-config-modal select{width:100%;padding:8px 12px;background:#141414cc;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px}.spawn-config-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.spawn-config-modal .cancel-btn,.spawn-config-modal .save-btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;border:none}.spawn-config-modal .cancel-btn{background:#64646480;color:#fff}.spawn-config-modal .save-btn{background:#4a90e2;color:#fff}.spawn-config-modal .cancel-btn:hover{background:#78787899}.spawn-config-modal .save-btn:hover{background:#357ab8}.animation-confirm-modal .confirm-btn{background:#e74c3c;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.animation-confirm-modal .confirm-btn:hover{background:#c0392b;transform:translateY(-2px)}.animation-confirm-modal .modal-body{color:#f39c12;font-weight:500}.clip-vertical-handle{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000004d;border-radius:0 0 4px 4px;cursor:ns-resize;transition:background .2s ease}.clip-vertical-handle:hover{background:#fff6}.clip-vertical-handle:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:16px;height:2px;background:#fff6;border-radius:1px}.animation-clip[data-is-vertical-resizing=true]{z-index:200;box-shadow:0 0 0 2px #fc0,0 8px 16px #0006}.animation-clip[data-is-vertical-resizing=true] .clip-vertical-handle{background:#fc09}.sequence-animation-clip{background:linear-gradient(90deg,#9c27b0,#673ab7);border-left:3px solid #ff9800}.sequence-animation-clip:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:#ff9800cc}.sequence-number{display:inline-block;background:#ff9800cc;color:#fff;border-radius:10px;padding:0 5px;margin-left:5px;font-size:10px;font-weight:700}.sequence-animation-btn{background:#9c27b0;border:none;color:#fff;width:36px;height:36px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:18px;margin-left:4px}.sequence-animation-btn:hover{background:#7b1fa2;transform:translateY(-2px)}.animation-clip.selected{border:2px solid #ffcc00;box-shadow:0 0 8px #ffcc00b3;z-index:10;transform:translateY(-2px);animation:clip-selected-pulse 1.5s ease-in-out infinite;position:relative}.animation-clip.selected.multi-selected{border:2px solid #4a90e2;box-shadow:0 0 8px #4a90e2b3;animation:clip-multi-selected-pulse 1.5s ease-in-out infinite}@keyframes clip-multi-selected-pulse{0%{box-shadow:0 0 8px #4a90e2b3}50%{box-shadow:0 0 12px #4a90e2e6}to{box-shadow:0 0 8px #4a90e2b3}}@keyframes clip-selected-pulse{0%{box-shadow:0 0 8px #ffcc00b3}50%{box-shadow:0 0 16px #ffcc00e6}to{box-shadow:0 0 8px #ffcc00b3}}.timeline-resize-handle{position:absolute;left:0;right:0;bottom:0;height:8px;cursor:ns-resize;background:#222831e6;border-top:1px solid rgba(255,255,255,.1);z-index:2;display:flex;justify-content:center;align-items:center}.timeline-resize-handle:after{content:"";width:40px;height:3px;background:#ffffff4d;border-radius:3px}.timeline-container.resizing{-webkit-user-select:none;user-select:none;cursor:ns-resize;transition:none}.timeline-container.resizing .timeline-resize-handle{background:#4a90e266}.timeline-container.resizing .timeline-resize-handle:after{background:#fff9;width:60px}.animation-groups-menu{position:fixed!important;left:50%!important;transform:translate(-50%)!important;bottom:120px!important;background:#222831f2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;padding:0!important;z-index:1100!important;box-shadow:0 4px 20px #0000004d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;min-width:280px!important;max-height:400px!important;overflow-y:auto!important}.animation-groups-menu .menu-header{padding:12px 16px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#0003!important}.animation-groups-menu .menu-header h3{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:600!important}.animation-groups-menu .empty-message{padding:15px!important;color:#fff9!important;text-align:center!important;font-style:italic!important}.animation-groups-menu .empty-message p{margin:0 0 8px!important}.animation-groups-menu .empty-message p:last-child{font-size:12px!important;color:#fff6!important}.animation-groups-menu .group-menu-btn{background:transparent!important;border:none!important;color:#ffffffb3!important;padding:4px 8px!important;border-radius:4px!important;cursor:pointer!important;font-size:14px!important;transition:all .2s ease!important}.animation-groups-menu .group-menu-btn:hover{color:#fff!important;background:#ffffff1a!important}.animation-groups-menu .group-menu-btn.create-group{color:#4a90e2!important}.animation-groups-menu .group-menu-btn.create-group:hover{background:#4a90e233!important}.animation-groups-menu .group-item{padding:12px 16px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;transition:all .2s ease!important}.animation-groups-menu .group-item:hover{background:#ffffff0d!important}.animation-groups-menu .group-color-dot{width:12px!important;height:12px!important;border-radius:50%!important;flex-shrink:0!important}.animation-groups-menu .group-info{flex:1!important;min-width:0!important}.animation-groups-menu .group-name{color:#fff!important;font-size:14px!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.animation-groups-menu .group-count{color:#ffffff80!important;font-size:12px!important}.animation-groups-menu .group-actions{display:flex!important;gap:8px!important;opacity:.7!important;transition:opacity .2s ease!important}.animation-groups-menu .group-item:hover .group-actions{opacity:1!important}.animation-groups-menu .group-action-btn{background:transparent!important;border:none!important;color:#fff!important;width:28px!important;height:28px!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.animation-groups-menu .group-action-btn:hover{background:#ffffff1a!important;transform:translateY(-1px)!important}.animation-groups-menu .group-action-btn.play{color:#4caf50!important}.animation-groups-menu .group-action-btn.play:hover{background:#4caf5033!important}.animation-groups-menu .group-action-btn.delete{color:#f44336!important}.animation-groups-menu .group-action-btn.delete:hover{background:#f4433633!important}.animation-groups-menu{display:none}.animation-groups-menu.visible{display:block;animation:menuFadeIn .2s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}html.embed-mode-detected{background:#0f141b!important}html.embed-mode-detected body{background:#0f141b!important;overflow:hidden!important}html.embed-mode-detected body>*:not(#embedLoadingOverlay):not(#embed-edit-login-modal):not(script):not(style):not(link){display:none!important}html.embed-mode-detected #embed-edit-login-modal,body.embed-mode #embed-edit-login-modal.is-visible,body.embed-edit-mode #embed-edit-login-modal.is-visible{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:10000001!important}html.embed-mode-detected #embedLoadingOverlay,body.embed-mode #embedLoadingOverlay{display:flex!important;position:fixed!important;inset:0!important;z-index:999999!important;background:#0f141b!important;align-items:center!important;justify-content:center!important;flex-direction:column!important}body.embed-mode{overflow:hidden!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;background:transparent!important}#roster-palette{width:195px!important;min-width:155px!important;max-height:calc(100vh - 40px)!important;left:0!important;top:0!important}#roster-palette{padding:10px!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:12px!important;background:radial-gradient(120% 120% at 100% -10%,rgba(59,130,246,.08),transparent 65%),#0b1019f5!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto;z-index:100;box-shadow:0 12px 28px #02061773,inset 0 1px #ffffff0a}#roster-palette .roster-palette-title-wrap{margin-bottom:8px}#roster-palette .roster-palette-title{margin:0;color:#e2e8f0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}#roster-palette .roster-palette-options{margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border-radius:8px;background:#0f172a94;border:1px solid rgba(148,163,184,.2)}#roster-palette .roster-palette-options label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;color:#e2e8f0e0}#roster-palette .roster-palette-options input[type=checkbox]{cursor:pointer;accent-color:#60a5fa}#roster-palette .roster-group{margin-bottom:12px}#roster-palette .roster-groups-grid{display:block}#roster-palette .roster-group-header{font-size:11px;font-weight:700;color:#93c5fd;margin-bottom:6px;padding:6px 7px;border-radius:8px;border:1px solid rgba(59,130,246,.28);background:#1e40af2e;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}#roster-palette .roster-group-header:hover{background:#1e40af47;border-color:#60a5fa80;color:#bfdbfe}#roster-palette .roster-group-hint{font-size:9px;opacity:.72}#roster-palette .roster-tile{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:5px 7px;border-radius:8px;background:#0f172a9e;border:1px solid rgba(148,163,184,.22);color:#e2e8f0;font-size:12px;margin-bottom:5px;cursor:grab;transition:background-color .16s,border-color .16s,box-shadow .16s}#roster-palette .roster-tile:hover{background:#1e293bb8;border-color:#94a3b857;box-shadow:inset 0 1px #ffffff0a}#roster-palette .roster-tile:active{cursor:grabbing}#roster-palette .roster-tile-icon-container{position:relative;width:20px;height:20px;flex-shrink:0;cursor:pointer}#roster-palette .roster-tile-icon{width:100%;height:100%;display:block;border-radius:4px}#roster-palette .roster-tile-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;border-radius:4px;opacity:0;transition:opacity .18s;pointer-events:none}#roster-palette .roster-tile-icon-container:hover .roster-tile-icon-overlay{opacity:1}#roster-palette .roster-tile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#roster-palette .roster-tile-action{font-size:11px;color:#ffffff73;cursor:pointer;padding:2px;transition:color .18s}#roster-palette .roster-tile-action:hover{color:#60a5fa}.modal .modal-content.roster-import-modal{background:#0e141ffa!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 18px 44px #02061785!important;border-radius:14px!important}.roster-import-layout{gap:14px!important;margin-top:12px!important}.roster-import-help{color:#cbd5e1!important;font-size:13px!important;margin-bottom:2px!important;padding:10px 12px!important;background:#1e293b80!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:10px!important;line-height:1.45!important}.roster-import-cards{gap:10px!important}.roster-import-card{border-radius:10px!important}.roster-import-card:not(.is-disabled):hover{transform:translateY(-1px)!important;box-shadow:0 6px 14px #02061747!important}.roster-import-json-pair .roster-import-json-segment:hover{transform:none!important;box-shadow:none!important}.roster-import-json-pair .roster-import-json-segment{border-radius:0!important}.roster-import-json-pair{border-radius:10px!important;background:#6366f105!important}.roster-import-actions{margin-top:10px!important;padding-top:12px!important;border-top:1px solid rgba(148,163,184,.18)!important}.roster-import-clear-btn,.roster-import-save-btn{border-radius:8px!important}.roster-import-note{font-style:normal!important;color:#cbd5e1b8!important;margin-top:2px!important}.roster-import-groups-grid{gap:10px!important}.roster-import-modal .raid-group-panel{border:1px solid rgba(148,163,184,.22)!important;border-radius:10px!important;padding:10px!important;background:#0f172a80!important;box-shadow:none!important;overflow:visible!important}.roster-import-modal .raid-group-panel>div:first-child{margin-bottom:9px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(148,163,184,.22)!important}.roster-import-modal .raid-group-panel>div:first-child>div:first-child{color:#bfdbfe!important;font-size:13px!important;letter-spacing:.02em!important}.roster-import-modal .player-slot{border-radius:7px!important;background:#0f172a6b!important;padding:5px!important}.roster-import-modal .player-slot:hover{background:#1e293b80!important}.roster-import-modal .player-slot.is-drag-source{opacity:.98!important;background:#1e293bd1!important;border:1px solid rgba(148,163,184,.55)!important}.roster-import-modal .player-slot.is-drag-source-preview{border:1px dashed rgba(248,250,252,.45)!important}.roster-import-modal .player-slot.is-drag-replace-target{background:#3b82f642!important;border:1px dashed rgba(191,219,254,.9)!important}.roster-import-modal .player-slot-replace-ghost,.roster-import-modal .player-slot-source-ghost{position:absolute;inset:4px;border-radius:6px;display:flex;align-items:center;gap:6px;padding:4px 8px;pointer-events:none;font-size:12px;box-shadow:inset 0 1px #ffffff0a}.roster-import-modal .player-slot-replace-ghost{border:1px solid rgba(191,219,254,.72);background:#1e293bf0;color:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe2e}.roster-import-modal .player-slot-source-ghost{border:1px solid rgba(226,232,240,.45);background:#334155bd;color:#e2e8f0}.roster-import-modal .player-slot-replace-ghost img,.roster-import-modal .player-slot-source-ghost img{width:18px;height:18px;border-radius:4px}.roster-import-modal .player-slot-replace-ghost i,.roster-import-modal .player-slot-source-ghost i{font-size:12px;color:#dbeafefa}.player-slot-drag-image{opacity:1;border-radius:10px;padding:8px 10px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(191,219,254,.75);box-shadow:0 16px 30px #0206178c,inset 0 0 0 1px #bfdbfe2e;color:#f8fafc;display:flex;flex-direction:column;gap:6px}.player-slot-drag-image-header{display:flex;align-items:center;gap:8px}.player-slot-drag-image-header img{width:18px;height:18px;border-radius:4px}.player-slot-drag-image-header i{width:18px;text-align:center;color:#bfdbfe;font-size:14px}.player-slot-drag-image-name{font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f8fafc}.player-slot-drag-image-meta{font-size:10px;color:#cbd5e1;text-transform:capitalize;letter-spacing:.01em}.roster-import-modal .player-slot select,.roster-import-modal .player-slot input[type=text]{background:#0f172ac7!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:6px!important;color:#e2e8f0!important}.roster-import-modal .player-slot .roster-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.roster-import-modal .player-slot .roster-icon-dropdown{position:relative;min-width:0}.roster-import-modal .player-slot .roster-icon-dropdown-trigger{width:100%;min-width:0;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.24);background:#0f172ac7;color:#e2e8f0;cursor:pointer;font-size:12px;text-align:left}.roster-import-modal .player-slot .roster-icon-dropdown-trigger:focus-visible{border-color:#60a5fab3;box-shadow:0 0 0 2px #3b82f62e;outline:none}.roster-import-modal .player-slot .roster-icon-dropdown-trigger-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.roster-import-modal .player-slot .roster-icon-dropdown-trigger-icon img{width:100%;height:100%;border-radius:4px;object-fit:cover}.roster-import-modal .player-slot .roster-icon-dropdown-trigger-icon i{font-size:11px;color:#bfdbfebf}.roster-import-modal .player-slot .roster-icon-dropdown-trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-import-modal .player-slot .roster-icon-dropdown-caret{font-size:10px;color:#bfdbfeb8}.roster-import-modal .player-slot .roster-icon-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:#0f172afa;border:1px solid rgba(148,163,184,.3);border-radius:8px;box-shadow:0 12px 24px #0206176b;padding:4px;display:none;z-index:1200}.roster-import-modal .player-slot .roster-icon-dropdown-menu.open{display:block}.roster-import-modal .player-slot .roster-icon-dropdown-item{width:100%;display:flex;align-items:center;gap:6px;padding:6px 7px;border:0;border-radius:6px;background:transparent;color:#e2e8f0;cursor:pointer;text-align:left;font-size:12px}.roster-import-modal .player-slot .roster-icon-dropdown-item:hover{background:#3b82f62e}.roster-import-modal .player-slot .roster-icon-dropdown-item.selected{background:#3b82f63d}.roster-import-modal .player-slot .roster-icon-dropdown-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .modal-content.roster-manager-import-modal{background:#0c121cfa!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 20px 48px #0206178f!important}.roster-manager-import-modal .roster-manager-import-header{padding:18px 20px 0!important}.roster-manager-import-modal .roster-manager-import-body{padding:0 20px 16px!important}.roster-manager-import-modal .roster-manager-import-info{margin:0 0 10px!important;font-size:12px!important;color:#cbd5e1cc!important}.roster-manager-import-modal .roster-manager-import-list{gap:8px!important;max-height:420px!important}.roster-manager-import-modal .roster-manager-import-card{padding:12px!important;border-radius:10px!important;border:1px solid rgba(148,163,184,.2)!important;background:#0f172a80!important;transition:border-color .16s,background-color .16s!important}.roster-manager-import-modal .roster-manager-import-card:not(.is-disabled):hover{background:#1e293b9e!important;border-color:#94a3b857!important}.roster-manager-import-modal .roster-manager-import-card-top{align-items:flex-start!important}.roster-manager-import-modal .roster-manager-import-card-name{font-size:14px!important;color:#e2e8f0!important}.roster-manager-import-modal .roster-manager-import-card-badge{font-size:10px!important;padding:3px 7px!important}.roster-manager-import-modal .roster-manager-import-card-desc{margin-top:4px!important}.roster-manager-import-modal .roster-manager-import-card-meta{margin-top:7px!important;gap:10px!important;font-size:11px!important}.roster-manager-import-modal .roster-manager-import-card-actions{margin-top:8px!important;gap:8px!important}.roster-manager-import-modal .roster-manager-import-boss-select{width:250px!important;max-width:100%!important;background:#0f172ad6!important;border:1px solid rgba(148,163,184,.3)!important;border-radius:8px!important;color:#e2e8f0!important;padding:7px 10px!important;font-size:12px!important;font-weight:600!important}.roster-manager-import-modal .roster-manager-import-boss-select:focus{border-color:#60a5fab3!important;box-shadow:0 0 0 2px #3b82f62e!important;outline:none!important}.roster-manager-import-modal .roster-manager-import-btn{border-radius:8px!important;border:1px solid rgba(139,92,246,.45)!important;background:#8b5cf629!important;color:#e9d5ff!important;font-size:12px!important;font-weight:700!important}.roster-manager-import-modal .roster-manager-import-btn:hover{background:#8b5cf63d!important}.roster-manager-import-modal .roster-manager-import-footer{margin-top:12px!important;padding:12px 20px 18px!important;border-top:1px solid rgba(148,163,184,.18)!important}.roster-manager-import-modal .roster-manager-import-close-btn{border-radius:8px!important;border:1px solid rgba(148,163,184,.28)!important;background:#1e293b8c!important;color:#cbd5e1!important}.roster-import-modal .player-slot .roster-icon-dropdown-item-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.roster-import-modal .player-slot .roster-icon-dropdown-item-icon img{width:100%;height:100%;border-radius:4px;object-fit:cover}.roster-import-modal .player-slot .roster-icon-dropdown-item-icon i{font-size:11px;color:#bfdbfebf}.roster-import-modal .player-slot select:focus,.roster-import-modal .player-slot input[type=text]:focus{border-color:#60a5fab3!important;box-shadow:0 0 0 2px #3b82f62e!important;outline:none!important}.roster-import-close-btn{border-radius:8px!important;width:32px!important;height:32px!important;font-size:22px!important}body.embed-mode .top-navigation,body.embed-mode .sidebar,body.embed-mode .background-selector-container,body.embed-mode .left-dock,body.embed-mode .right-dock,body.embed-mode #right-dock,body.embed-mode #timeline-root,body.embed-mode .timeline-container,body.embed-mode .group-panel,body.embed-mode #group-panel,body.embed-mode .top-bar,body.embed-mode #roster-palette,body.embed-mode .app-footer,body.embed-mode #floating-toolbar,body.embed-mode #alignment-toolbar,body.embed-mode .layer-panel,body.embed-mode #layer-panel,body.embed-mode .cookie-banner,body.embed-mode #cookie-banner,body.embed-mode #announcementBanner,body.embed-mode .notification,body.embed-mode .notification-item,body.embed-mode #planNameInput,body.embed-mode #raidSelector,body.embed-mode #bossSelector,body.embed-mode #bossLayerSelector,body.embed-mode .boss-selector-container,body.embed-mode #text-format-toolbar,body.embed-mode #shape-properties-panel,body.embed-mode .property-panel,body.embed-mode .shape-properties-panel,body.embed-mode #minimizeLayerPanelBtn,body.embed-mode #global-settings-flyout,body.embed-mode #showGlobalSettings,body.embed-mode #scene-delete-container,body.embed-mode .tooltip,body.embed-mode .context-menu,body.embed-mode #CookiebotWidget{display:none!important}body.embed-mode .container,body.embed-mode .main-content,body.embed-mode .canvas-layout,body.embed-mode .canvas-center-wrapper,body.embed-mode #canvas-container,body.embed-mode #canvas-container>div:not(#scene-tabs-bar),body.embed-mode .canvas-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;max-width:none!important;max-height:none!important;overflow:hidden!important}body.embed-mode #canvas-container{display:flex!important;align-items:center!important;justify-content:center!important}body.embed-mode #canvas-container>div:not(#scene-tabs-bar){aspect-ratio:16 / 9!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}body.embed-mode #scene-tabs-bar{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}body.embed-mode canvas{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important}body.embed-mode #scene-tabs-bar .scene-tab{background:#1a1f2ee6!important;border:1px solid rgba(74,144,226,.3)!important;border-radius:6px!important;margin:0 3px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}body.embed-mode #scene-tabs-bar .scene-tab:hover{background:#283246f2!important;border-color:#4a90e280!important}body.embed-mode #scene-tabs-bar .scene-tab.active{background:#3b82f64d!important;border-color:#3b82f699!important}body.embed-mode #scene-delete-container,body.embed-mode #scene-tabs-bar button[title="Add new phase/layer"],body.embed-mode #minimizeLayerPanelBtn{display:none!important}body.embed-mode.embed-hide-scenes #scene-tabs-bar,body.embed-mode.embed-hide-scenes #scene-tabs-bar .scene-tab,body.embed-mode.embed-hide-scenes #scene-tabs-bar button.scene-tab,body.embed-mode.embed-hide-scenes #scene-tabs-bar [data-scene-index],body.embed-mode.embed-hide-scenes #scene-tabs-bar .scene-group-container{display:none!important;visibility:hidden!important;opacity:0!important}body.embed-mode #embed-animation-controls{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:10000}body.embed-mode #embed-animation-controls button{outline:none}body.embed-mode #embed-animation-controls button:active{transform:scale(.95)!important}body.embed-mode .scene-tab,body.embed-mode .scene-group-container{position:relative!important}.context-menu-shortcut{margin-left:auto;font-size:11px;color:#e2e8f099;font-weight:400;letter-spacing:.3px}.context-menu-shortcut:empty{visibility:hidden}.invisible-shortcut{visibility:hidden}.context-menu button{display:flex;align-items:center;justify-content:flex-start;width:100%}body.embed-mode #planNameInput,body.embed-mode #raidSelector,body.embed-mode #bossSelector,body.embed-mode #bossLayerSelector,body.embed-mode .boss-selector-container{display:none!important}body.embed-mode .cookie-banner,body.embed-mode #cookie-banner,body.embed-mode .notification,body.embed-mode .notification-item,body.embed-mode [class*=cookie],body.embed-mode #announcementBanner,body.embed-mode .modal,body.embed-mode .modal-backdrop,body.embed-mode .tooltip,body.embed-mode .property-panel,body.embed-mode .shape-properties-panel,body.embed-mode #text-format-toolbar,body.embed-mode #shape-properties-panel,body.embed-mode .context-menu{display:none!important;visibility:hidden!important;opacity:0!important}body.embed-mode #embed-animation-controls{display:flex!important;visibility:visible!important;opacity:1!important}#global-settings-toolbar{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px #4a90e21a,0 8px 24px #00000040,inset 0 1px #ffffff1a}#global-settings-toolbar:hover{box-shadow:0 0 0 1px #4a90e233,0 12px 32px #00000059,inset 0 1px #ffffff26}#global-settings-toolbar input[type=color]{transition:all .2s ease;cursor:pointer}#global-settings-toolbar input[type=color]:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000004d}#global-settings-toolbar select,#global-settings-toolbar input[type=number]{transition:all .2s ease}#global-settings-toolbar select:focus,#global-settings-toolbar input[type=number]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.global-style-btn,.global-align-btn{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.global-style-btn:hover,.global-align-btn:hover{background:#4a5568!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.global-style-btn.active,.global-align-btn.active{background:linear-gradient(135deg,#4a90e2,#357abd)!important;color:#fff!important;box-shadow:0 0 0 2px #4a90e266,0 4px 20px #4a90e240}.global-style-btn:active,.global-align-btn:active{transform:translateY(0)}#applyGlobalSettings{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}#applyGlobalSettings:hover{background:linear-gradient(135deg,#5a9ff2,#4a8acd)!important;transform:translateY(-1px);box-shadow:0 6px 20px #4a90e266}#applyGlobalSettings:active{transform:translateY(0)}#applyGlobalSettings:disabled{background:#6b7280!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}#applyGlobalSettings:disabled:hover{background:#6b7280!important;transform:none!important;box-shadow:none!important}#showGlobalSettings{transition:all .3s cubic-bezier(.4,0,.2,1)}#showGlobalSettings:hover{background:#4a90e240!important;border-color:#4a90e280!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}#toggleGlobalToolbar{transition:all .2s ease}#toggleGlobalToolbar:hover{color:#fff!important;transform:scale(1.1)}#global-settings-flyout{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-sizing:border-box;width:min(400px,calc(100vw - 32px));min-width:320px;height:min(78vh,720px,calc(100vh - 48px));max-height:min(90vh,760px,calc(100vh - 24px));min-height:min(420px,calc(100vh - 56px));overflow:hidden}#global-settings-flyout>div:first-of-type{flex-shrink:0}.global-settings-tabs{display:flex;gap:8px;padding:10px 14px 12px;flex-shrink:0;background:#080c1473;border-bottom:1px solid rgba(255,255,255,.06)}.global-settings-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#8b9cb3;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.global-settings-tab span{line-height:1.2}.global-settings-tab i{font-size:14px;opacity:.88}.global-settings-tab:hover{color:#e8eef7;background:#ffffff1a;border-color:#ffffff1f}.global-settings-tab:active{transform:scale(.98)}.global-settings-tab[aria-selected=true]{color:#e8eef7;background:#4a90e22e;border-color:#4a90e266}.global-settings-tab[aria-selected=true] i{opacity:1}.global-settings-tab:focus-visible{outline:2px solid rgba(74,144,226,.55);outline-offset:2px}.global-settings-body{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.global-settings-tab-panel[hidden]{display:none!important}.global-settings-tab-panel:not([hidden]){flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-50%) translate(100%)}to{opacity:1;transform:translateY(-50%) translate(0)}}#global-settings-flyout input[type=color]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}#global-settings-flyout select:focus,#global-settings-flyout input[type=number]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}#global-settings-flyout .global-style-btn:hover{background:#4a5568!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}#global-settings-flyout .global-style-btn.active{background:linear-gradient(135deg,#4a90e2,#357abd)!important;color:#fff!important;box-shadow:0 0 0 2px #4a90e266,0 4px 20px #4a90e240}#global-settings-flyout input[type=range]{-webkit-appearance:none;appearance:none;background:#2d3748;height:6px;border-radius:3px;outline:none;cursor:pointer}#global-settings-flyout input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #4a90e24d;transition:all .2s ease}#global-settings-flyout input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #4a90e280}#global-settings-flyout input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #4a90e24d;transition:all .2s ease}#global-settings-flyout input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #4a90e280}#global-settings-flyout #applyGlobalSettings:hover{background:linear-gradient(135deg,#5a9ff2,#4a8acd)!important;transform:translateY(-1px);box-shadow:0 6px 20px #4a90e266}#global-settings-flyout #applyGlobalSettings:disabled{background:#6b7280!important;cursor:not-allowed!important;opacity:.5!important;transform:none!important}#global-settings-flyout #applyGlobalSettings:disabled:hover{background:#6b7280!important;transform:none!important;box-shadow:none!important}#closeGlobalFlyout:hover{color:#fff!important;background:#ffffff1a}#fontWeightHelp{transition:all .2s ease;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#4a90e21a;border:1px solid rgba(74,144,226,.3)}#fontWeightHelp:hover{background:#4a90e233;border-color:#4a90e280;transform:scale(1.1)}body.embed-mode #global-settings-flyout,body.embed-mode #showGlobalSettings{display:none!important}#scene-tabs-bar{position:absolute;top:0;left:0;right:0;width:100%;margin:0!important;z-index:101;pointer-events:auto;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-top:none;border-radius:10px 10px 0 0;padding:6px 12px;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);display:flex;justify-content:center;align-items:center;gap:6px;box-shadow:0 2px 12px #00000026,inset 0 1px #ffffff0f;box-sizing:border-box}#alignment-toolbar.alignment-toolbar{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:100;display:none;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#141923fa,#0f141efa);border:1px solid rgba(74,144,226,.25);border-radius:12px;box-shadow:0 6px 24px #00000059,0 0 0 1px #4a90e214 inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}#alignment-toolbar.alignment-toolbar:not(.hidden){display:flex}#alignment-toolbar.alignment-toolbar.hidden{display:none!important}.alignment-toolbar-divider{width:1px;height:20px;margin:0 4px;background:linear-gradient(180deg,transparent,rgba(74,144,226,.4),transparent)}.alignment-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#ffffffd9;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.alignment-toolbar-btn:hover{background:#4a90e233;border-color:#4a90e266;color:#aad0ff}.alignment-toolbar-btn:active{background:#4a90e24d}.alignment-toolbar-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.alignment-toolbar-btn i{font-size:14px}.background-selector-container.hidden-by-toggle{max-height:0!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;border-width:0!important;box-shadow:none!important}#scene-tabs-bar.hidden-by-toggle{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}#scene-tabs-bar.hidden-by-toggle{background:transparent;border-radius:0;padding:0}.scene-tab{transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:8px!important;font-weight:500!important;min-width:32px;position:relative}.scene-tab:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.scene-tab.active{background:#3a3f47cc!important;border:1px solid rgba(74,144,226,.6)!important;box-shadow:0 0 8px #4a90e233}.scene-tab.selected,.scene-tab.active.selected{background:#3b82f659!important;border:2px solid rgba(59,130,246,.7)!important;box-shadow:0 0 10px #3b82f633}#scene-tabs-bar button[title="Add new phase/layer (Ctrl+Click to add to group)"],#scene-tabs-bar button[title="Copy current layer"]{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc)!important;border:1px solid rgba(59,130,246,.5)!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)}#scene-tabs-bar button[title="Add new phase/layer (Ctrl+Click to add to group)"]:hover,#scene-tabs-bar button[title="Copy current layer"]:hover{transform:translateY(-1px);box-shadow:0 2px 12px #3b82f666;background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.scene-delete-btn{background:linear-gradient(135deg,#ef444499,#b91c1c99)!important;border:1px solid rgba(239,68,68,.4)!important;color:#fff!important;border-radius:8px!important;padding:6px 10px!important;font-size:12px!important;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.scene-delete-btn:hover{transform:translateY(-1px);box-shadow:0 2px 12px #ef444466;background:linear-gradient(135deg,#ef4444e6,#b91c1ce6)!important}.scene-group-btn{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);border:1px solid rgba(59,130,246,.5);color:#fff;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.scene-group-btn:hover{transform:translateY(-1px);box-shadow:0 2px 12px #3b82f666;background:linear-gradient(135deg,#3b82f6,#2563eb)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.group-name-popup input{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.group-name-popup input:focus,.group-name-popup input:active{border-color:#3b82f6bf!important;box-shadow:0 0 0 2px #3b82f640!important;background:#0f172ab3!important;outline:none}.group-name-popup .create-group-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.scene-tab.dragging{opacity:.7;transform:rotate(3deg) scale(.95);z-index:1000}.scene-tab.drag-over{background:#3b82f64d!important;border:2px dashed #3b82f6!important;transform:scale(1.02)}.scene-group-container{min-height:24px}.scene-group-container.drag-over{background:#3b82f633!important;border:2px dashed #3b82f6!important;transform:scale(1.01)}.ad-container{position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;transition:all .2s ease}.ad-container:hover{opacity:.95}.ad-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;width:100%;height:100%}.ad-image{max-height:100%;object-fit:contain}.ad-text-content{display:flex;align-items:center;gap:15px;padding:10px 20px}.ad-text{font-size:14px}.ad-cta{background:#fff3;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s}.ad-cta:hover{background:#ffffff4d}.ad-label{position:absolute;top:4px;right:4px;background:#00000080;color:#ffffffb3;font-size:9px;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.ad-close{position:absolute;top:4px;left:4px;background:#00000080;color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.ad-container:hover .ad-close{opacity:1}.ad-compact{padding:5px 10px}.ad-compact .ad-text-content{padding:5px 10px;gap:10px}.ad-compact .ad-text{font-size:12px}.ad-compact .ad-cta{padding:4px 12px;font-size:11px}[data-ad-placement].ads-pending{display:none!important}.ad-loading-skeleton{width:100%;height:100%;min-height:inherit;background:#ffffff21;border-radius:8px;animation:ad-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ad-skeleton-pulse{0%,to{opacity:.5}50%{opacity:.8}}.nav-ad-banner .ad-loading-skeleton{min-height:32px}.planner-ad-footer .ad-loading-skeleton{min-height:90px}.ad-slot-multi{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;width:100%}.ad-slot-multi .ad-container{flex:1 1 auto;min-width:0}.nav-ad-banner{flex:1 1 auto;min-width:0;max-width:520px;margin:0 12px;height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center}.nav-ad-banner .ad-container{height:32px!important;max-height:32px!important;min-height:32px!important}.nav-ad-banner .ad-image{max-height:32px!important;width:auto;object-fit:contain}.nav-ad-banner .ad-text-content{padding:4px 8px!important;gap:8px!important}.nav-ad-banner .ad-text{font-size:11px!important}.nav-ad-banner .ad-cta{padding:2px 8px!important;font-size:10px!important}.nav-ad-banner .ad-placeholder .ad-placeholder-content{flex-direction:row;gap:6px}.nav-ad-banner .ad-placeholder-text{font-size:10px!important}.nav-ad-banner .ad-placeholder-cta{font-size:9px!important}.landing-ad-hero{margin:20px auto;max-width:1200px}.landing-ad-sidebar{width:300px;margin:20px 0}.planner-ad-footer{margin:10px auto;max-width:970px;width:100%}.planner-ad-footer .ad-slot-multi{gap:10px}.planner-ad-footer .ad-slot-multi .ad-container{flex:1 1 0;min-width:140px;max-width:200px;max-height:40px}.nav-ad-banner .ad-slot-multi{gap:8px}.nav-ad-banner .ad-slot-multi .ad-container{flex:1 1 0;min-width:100px;max-width:180px}.ad-placeholder{background:#ffffff0a!important;border:1px dashed rgba(255,255,255,.15)}.ad-placeholder-link{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none!important;color:#ffffff80!important;transition:color .2s,border-color .2s}.ad-placeholder-link:hover{color:#fffc!important}.ad-placeholder:hover{border-color:#ffffff40}.ad-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ad-placeholder-text{font-size:12px;font-weight:500}.ad-placeholder-cta{font-size:10px;color:#60a5fa;font-weight:600}body.patreon-subscriber .ad-container,body.patreon-subscriber [data-ad-placement]{display:none!important}@media(max-width:1500px){body:not(.embed-mode):not(.view-only-detected) .right-dock:not(.right-dock-minimized){width:248px}}@media(max-width:1280px){body:not(.embed-mode):not(.view-only-detected) .sidebar{width:288px;padding:22px 16px}body:not(.embed-mode):not(.view-only-detected) .main-content{padding:16px}body:not(.embed-mode):not(.view-only-detected) .left-dock{width:104px}body:not(.embed-mode):not(.view-only-detected) .right-dock:not(.right-dock-minimized){width:224px}body:not(.embed-mode):not(.view-only-detected) .canvas-center-wrapper{margin-left:8px}}@media(max-width:1120px){body:not(.embed-mode):not(.view-only-detected) .sidebar{width:256px;padding:18px 12px}body:not(.embed-mode):not(.view-only-detected) .main-content{padding:12px}body:not(.embed-mode):not(.view-only-detected) .left-dock{width:96px}body:not(.embed-mode):not(.view-only-detected) .right-dock:not(.right-dock-minimized){width:204px}}@media(max-width:1080px){#roster-palette .roster-groups-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,auto));grid-auto-columns:minmax(190px,1fr);gap:10px;align-items:start;overflow-x:auto;padding-bottom:4px}#roster-palette .roster-groups-grid .roster-group{margin-bottom:0}}