.creative-window{position:fixed;z-index:9600;left:6vw;top:70px;width:min(1080px,90vw);height:min(710px,80vh);display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--wl-theme-border,#536070);border-radius:5px;background:var(--wl-theme-panel,#282b30);color:var(--wl-theme-text,#e8eef5);box-shadow:0 15px 65px #0009;font:12px system-ui}.creative-window[hidden]{display:none!important}.creative-window>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;flex:none;background:var(--wl-theme-bg,#202329);border-bottom:1px solid var(--wl-theme-border,#536070);cursor:move;user-select:none}.creative-window>header strong{font-size:13px}.creative-window button,.creative-window input,.creative-window select{font:12px system-ui!important;color:var(--wl-theme-text,#e8eef5)!important;background:var(--wl-theme-bg,#202329)!important;border:1px solid var(--wl-theme-border,#536070)!important;border-radius:3px!important;min-height:29px!important;padding:5px 8px!important;box-sizing:border-box}.creative-window button{cursor:pointer}.creative-window button:hover:not(:disabled){border-color:var(--wl-theme-accent,#74cdda)!important}.creative-window button:disabled{opacity:.45;cursor:default}.creative-window input[type=checkbox]{width:15px;min-height:15px!important;flex:none;accent-color:#69d8e5}.creative-window input[type=color]{height:32px;padding:2px!important}.creative-window input:focus-visible,.creative-window select:focus-visible,.creative-window button:focus-visible{outline:2px solid #75dce9;outline-offset:1px}.creative-body{padding:12px;min-height:0;overflow:auto;flex:1;overscroll-behavior:contain}.creative-owner{margin:0 0 10px;font-size:12px;font-weight:650}.creative-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 12px}.creative-field{display:grid;grid-template-columns:minmax(105px,1fr) minmax(90px,1fr);gap:8px;align-items:center;margin:9px 0;min-width:0}.creative-field>span{line-height:1.4}.creative-field>input,.creative-field>select{width:100%;min-width:0}.creative-check{display:flex;align-items:center;gap:7px;margin:8px 0}.creative-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:360px;gap:12px}.creative-details{padding:10px;background:var(--wl-theme-bg,#202329);min-width:0;overflow:auto;max-height:540px;border:1px solid var(--wl-theme-border,#536070)}.creative-details h3{font-size:13px;margin:4px 0 15px}.creative-details details{padding:9px 0;border-top:1px solid var(--wl-theme-border,#536070)}.creative-details summary{cursor:pointer;font-weight:600}.creative-details button{margin:4px 3px 4px 0}.creative-card{border:1px solid var(--wl-theme-border,#536070);padding:9px;margin:8px 0}.creative-card small{display:block;margin-top:8px;line-height:1.6}.creative-status{padding:8px;background:#183641;color:#d9f8ff;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}.animator-board{overflow:auto;background-color:#1c2028;background-image:radial-gradient(#50607270 1px,transparent 1px);background-size:20px 20px;min-height:360px;max-height:540px;border:1px solid var(--wl-theme-border,#536070)}.animator-world{width:1400px;height:1150px;position:relative}.animator-wires{position:absolute;inset:0;width:1400px;height:1150px;pointer-events:none}.animator-wires path{fill:none;stroke:#659bab;stroke-width:2;opacity:.7}.creative-window .animator-node{position:absolute;width:190px;height:92px;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:left;background:#2b3541!important;color:#e7f8ff!important;touch-action:none}.animator-node strong{font-size:13px}.animator-node small{font-size:10px;color:#bdcedd}.creative-window .animator-node.selected{border-color:#93c7fd!important;box-shadow:0 0 0 2px #93c7fd44}.creative-window .animator-node.playing-state{border-color:#6ce5b7!important;box-shadow:0 0 14px #6ce5b744}.fx-layout{grid-template-columns:340px minmax(0,1fr)}.creative-curves{min-width:0}.fx-curve-group{padding:10px;background:#202936;color:#dceefa;margin:0 0 12px;border:1px solid #486073}.fx-curve-group strong,.fx-curve-group small{display:block;line-height:1.6}.fx-curve-group small{font-size:10px;color:#b5cbdc;margin-bottom:8px}.fx-curve{width:100%;height:130px;display:block;background:repeating-linear-gradient(0deg,#8193a31a 0px,#8193a31a 1px,transparent 1px,transparent 26px),repeating-linear-gradient(90deg,#8193a31a 0px,#8193a31a 1px,transparent 1px,transparent 40px);touch-action:none;cursor:crosshair}.fx-curve polyline{fill:none;stroke:#7ce5d0;stroke-width:2}.fx-curve circle{fill:#dcfff6;stroke:#4acdb4;stroke-width:2;cursor:grab}.lan-panel{left:calc(50% - 220px);width:440px;height:650px}.lan-panel .creative-body{line-height:1.6}.lan-panel label{display:flex;flex-direction:column;gap:5px;margin:10px 0}.lan-panel button{margin:5px 4px 5px 0}.lan-panel #lanRoomCode{font-size:19px;font-weight:700;letter-spacing:.12em;overflow-wrap:anywhere}.lan-panel #lanStatus{padding:8px;background:#193a45;color:#e7faff}.lan-panel code{display:inline-block;overflow-wrap:anywhere;color:inherit;font-size:11px}.lan-badge{position:absolute;top:40px;right:12px;z-index:22;background:#173948!important;color:#c9f8ff!important;border:1px solid #5a9da8!important;font:11px system-ui!important;padding:6px 9px!important}.lan-badge[hidden]{display:none!important}@media(max-width:1050px){.creative-layout{grid-template-columns:minmax(0,1fr)}.creative-details{max-height:none}.animator-board{min-height:280px;max-height:320px}.creative-window{left:8px;top:40px;width:calc(100vw / var(--editor-ui-scale,1) - 16px);height:calc(100dvh / var(--editor-ui-scale,1) - 50px)}.lan-panel{width:min(440px,calc(100vw / var(--editor-ui-scale,1) - 16px))}}

.animator-any{position:absolute;width:190px;height:92px;display:flex;align-items:center;justify-content:center;border:1px dashed #77cdb3;border-radius:40px;background:#203b36;color:#c8f4e5;font-size:13px;box-sizing:border-box;pointer-events:none}