.editor-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0e1220;color:#e8ecf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;z-index:1000;-webkit-user-select:none;user-select:none}.editor-toolbar{height:52px;display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(180deg,#171c30,#12162a);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.editor-brand{display:flex;align-items:center;gap:8px}.editor-brand-logo{font-size:20px}.editor-brand-name{font-weight:700;font-size:15px;letter-spacing:.5px;background:linear-gradient(90deg,#7ad0ff,#ff8ad0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.editor-title-input{flex:0 0 220px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e8ecf8;font-size:13px;padding:6px 12px;outline:none}.editor-title-input:focus{border-color:#5cc8ff}.editor-page-switcher{display:flex;align-items:center;gap:4px;margin-left:auto}.editor-page-tab{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#9aa4c0;font-size:12px;cursor:pointer}.editor-page-tab-active{background:#5cc8ff;color:#0e1220;font-weight:700;border-color:#5cc8ff}.editor-page-tab:hover:not(.editor-page-tab-active){background:#ffffff1a}.editor-toolbar-actions{display:flex;align-items:center;gap:6px}.editor-tool-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d8deee;font-size:12px;padding:6px 12px;cursor:pointer;white-space:nowrap}.editor-tool-btn:hover{background:#ffffff26}.editor-tool-danger:hover{background:#ff5a5a40;border-color:#ff5a5a80;color:#ff9a9a}.editor-main{flex:1;display:flex;min-height:0}.editor-panel{background:#12162a}.editor-panel-header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:baseline;gap:8px}.editor-panel-title{font-weight:700;font-size:13px;letter-spacing:.5px}.editor-panel-sub{font-size:11px;color:#7a86a8}.editor-library{width:210px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.editor-tabs{display:flex;gap:2px;padding:8px 10px 4px}.editor-tab{flex:1;background:transparent;border:none;color:#7a86a8;font-size:11px;padding:4px 0;cursor:pointer;border-radius:6px}.editor-tab-active{background:#5cc8ff26;color:#7ad0ff}.editor-library-grid{flex:1;overflow-y:auto;padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.editor-library-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-align:center}.editor-library-card:hover{background:#5cc8ff1f;border-color:#5cc8ff66}.editor-library-emoji{font-size:26px;height:32px;display:flex;align-items:center;justify-content:center}.editor-library-name{font-size:12px;font-weight:600;color:#e8ecf8}.editor-library-desc{font-size:9.5px;color:#7a86a8;line-height:1.4}.editor-library-actions{padding:8px 10px;display:flex;gap:6px;border-top:1px solid rgba(255,255,255,.07)}.editor-library-hint{padding:0 12px 12px;font-size:10px;color:#5a6688;line-height:1.5}.editor-canvas-wrap{flex:1;min-width:0;position:relative;background:#1a2340}.editor-canvas-wrap canvas{display:block}.editor-properties{width:280px;flex-shrink:0;overflow-y:auto;border-left:1px solid rgba(255,255,255,.07);scrollbar-width:thin}.editor-properties::-webkit-scrollbar{width:6px}.editor-properties::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.editor-section{padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.editor-section-title{font-size:11px;font-weight:700;color:#7ad0ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.editor-field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.editor-field-label{font-size:11px;color:#9aa4c0;width:56px;flex-shrink:0}.editor-text-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8ecf8;font-size:12px;padding:4px 8px;outline:none}.editor-vector-input{width:52px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8ecf8;font-size:12px;padding:4px 6px;text-align:center;outline:none}.editor-vector-input:focus,.editor-text-input:focus{border-color:#5cc8ff}.editor-readonly{font-size:11px;color:#7a86a8}.editor-range{flex:1;accent-color:#5cc8ff}.editor-color{width:36px;height:26px;border:none;border-radius:6px;background:transparent;cursor:pointer}.editor-inline{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#9aa4c0;margin-right:12px;cursor:pointer}.editor-inline input{accent-color:#5cc8ff}.editor-chip-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.editor-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#9aa4c0;font-size:10.5px;padding:3px 10px;cursor:pointer}.editor-chip:hover{border-color:#5cc8ff80}.editor-chip-active{background:#5cc8ff33;color:#7ad0ff;border-color:#5cc8ff}.editor-preset-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}.editor-preset-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:10px;color:#9aa4c0}.editor-preset-card:hover{border-color:#5cc8ff66}.editor-preset-card-active{border-color:#5cc8ff;background:#5cc8ff1f;color:#e8ecf8}.editor-preset-swatch{width:100%;height:14px;border-radius:4px}.editor-primary-btn{background:#5cc8ff;border:none;border-radius:8px;color:#0e1220;font-size:12px;font-weight:700;padding:7px 12px;cursor:pointer;margin:4px 0 8px}.editor-primary-btn:hover{background:#7ad0ff}.editor-empty-hint{font-size:11px;color:#5a6688;padding:6px 0}.editor-text-item{background:#ffffff0a;border-radius:8px;padding:6px;margin-bottom:6px;border:1px solid rgba(255,255,255,.07)}.editor-textarea{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8ecf8;font-size:12px;padding:4px 8px;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit}.editor-text-item-row{display:flex;align-items:center;gap:6px;margin-top:6px}.editor-icon-btn{width:26px;height:26px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9aa4c0;font-size:13px;cursor:pointer;line-height:1}.editor-icon-btn:hover{background:#ffffff26}.editor-danger-btn{margin:12px;background:#ff5a5a26;border:1px solid rgba(255,90,90,.4);border-radius:8px;color:#ff9a9a;font-size:12px;padding:7px 12px;cursor:pointer}.editor-danger-btn:hover{background:#ff5a5a4d}.editor-upload-btn{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d8deee;font-size:11px;padding:7px;text-align:center;cursor:pointer}.editor-upload-btn:hover{background:#ffffff21}.editor-timeline{height:172px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;display:flex;flex-direction:column}.editor-timeline-top{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.editor-play-btn{width:30px;height:30px;border-radius:50%;background:#5cc8ff;border:none;color:#0e1220;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.editor-play-btn:hover{background:#7ad0ff}.editor-time-label{font-size:11px;color:#9aa4c0;font-variant-numeric:tabular-nums;width:92px}.editor-timeline-slider{flex:1;accent-color:#5cc8ff;height:4px}.editor-track-list{flex:1;overflow-y:auto;padding:4px 0}.editor-track{display:flex;align-items:center;height:26px;padding:0 10px}.editor-track:hover{background:#ffffff08}.editor-track-label{width:92px;flex-shrink:0;font-size:10.5px;color:#9aa4c0;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-track-body{position:relative;flex:1;height:100%;border-left:1px solid rgba(255,255,255,.06)}.editor-track-event{position:absolute;top:4px;height:18px;border-radius:4px;border:1px solid;font-size:9.5px;line-height:16px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8deee}.editor-keyframe-pill{position:absolute;top:5px;width:10px;height:10px;border-radius:50%;background:#ffd76e;border:2px solid #0e1220;transform:translate(-50%)}.editor-track-empty{position:absolute;font-size:9.5px;color:#4a5578;line-height:26px;padding-left:8px}.editor-timeline-hint{padding:4px 14px;font-size:10px;color:#4a5578;display:flex;gap:8px;border-top:1px solid rgba(255,255,255,.05)}.editor-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e1220;color:#9aa4c0;font-size:14px;z-index:1000}#canvas-container{width:100vw;height:100vh;background:#1a1a2e;position:relative}.ui-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;z-index:10}.page-indicator{font-size:18px;font-weight:600;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.controls-hint{font-size:12px;opacity:.7}