.qiongjian-editor{background:#fff;border-color:#eff1f5;border-radius:16px;border-width:1px;min-height:540px;overflow:hidden}.qiongjian-editor .editor-toolbar{align-items:center;border-bottom-width:1px;border-color:#eff1f5;display:flex;justify-content:space-between;padding:12px 20px}.qiongjian-editor .mute-control{align-items:center;color:#22262a;cursor:pointer;display:flex;font-size:14px;gap:8px;line-height:22px}.qiongjian-editor .mute-control input{accent-color:#3c82f6}.qiongjian-editor .export-control{align-items:center;display:flex;gap:12px}.qiongjian-editor .export-hint{color:#5e6773;font-size:12px;line-height:20px}.qiongjian-editor .export-warning{color:#e5484d;font-size:12px;line-height:20px}.qiongjian-editor .editor-content{display:flex;flex-direction:column;min-height:480px;padding:20px}.qiongjian-editor .preview-empty,.qiongjian-editor .preview-player{align-items:center;background:#16191d;border-radius:12px;color:#22262a;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:300px;width:100%}.qiongjian-editor .preview-empty{border:1px dashed hsla(0,0%,100%,.24);cursor:pointer}.qiongjian-editor .preview-empty:hover{border-color:#3c82f6}.qiongjian-editor .empty-icon{align-items:center;background:#3c82f6;border-radius:9999px;display:flex;font-size:24px;height:44px;justify-content:center;line-height:32px;margin-bottom:12px;width:44px}.qiongjian-editor .preview-empty strong{font-size:16px;font-weight:600;line-height:24px}.qiongjian-editor .preview-empty small{color:rgba(255,255,255,.58);font-size:12px;line-height:20px;margin-top:8px}.qiongjian-editor .preview-player{overflow:hidden;position:relative}.qiongjian-editor .preview-canvas{display:block;height:300px;-o-object-fit:contain;object-fit:contain;touch-action:none;width:100%}.qiongjian-editor .preview-video{height:1px;left:-10000px;pointer-events:none;position:fixed;top:0;width:1px}.qiongjian-editor .preview-toggle{bottom:12px;cursor:pointer;height:36px;--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity));font-size:14px;line-height:22px;padding-left:20px;padding-right:20px}.qiongjian-editor .preview-error,.qiongjian-editor .preview-toggle{border-radius:8px;left:50%;position:absolute;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transform:translate(-50%)}.qiongjian-editor .preview-error{background:rgba(229,72,77,.92);font-size:12px;line-height:20px;padding:8px 12px;top:12px}.qiongjian-editor .timeline-section{margin-top:20px}.qiongjian-editor .timeline-heading{align-items:center;color:#22262a;display:flex;font-size:14px;font-weight:600;justify-content:space-between;line-height:22px;margin-bottom:8px}.qiongjian-editor .timeline-heading small{color:#5e6773;font-size:12px;font-weight:400;line-height:20px}.qiongjian-editor .timeline-track{background:#fcfcfd;border-radius:8px;display:flex;flex-direction:column;min-height:76px;overflow:hidden;padding:8px;position:relative}.qiongjian-editor .timeline-ruler{flex-shrink:0;height:26px;margin-bottom:6px;position:relative}.qiongjian-editor .timeline-tick{background:#9299a6;bottom:0;height:5px;position:absolute;width:1px}.qiongjian-editor .timeline-tick span{bottom:11px;color:#5e6773;font-size:10px;left:0;line-height:1;position:absolute;transform:translate(-50%);white-space:nowrap}.qiongjian-editor .timeline-tick.is-major{background:#5e6773;height:9px}.qiongjian-editor .timeline-tick.is-start span{transform:none}.qiongjian-editor .timeline-tick.is-end span{left:auto;right:0;transform:none}.qiongjian-editor .timeline-clips{display:flex;min-height:60px}.qiongjian-editor .timeline-clip{background:rgba(60,130,246,.1);border:2px solid #fcfcfd;border-radius:6px;color:#22262a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:12px;justify-content:space-between;line-height:20px;padding:8px 12px;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qiongjian-editor .timeline-clip small{color:#5e6773;font-size:11px;line-height:20px}.qiongjian-editor .timeline-clip.is-selected{border-color:#3c82f6}.qiongjian-editor .clip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qiongjian-editor .trim-handle{background:transparent;border:0;bottom:0;cursor:ew-resize;padding:0;position:absolute;top:0;width:10px;z-index:10}.qiongjian-editor .trim-handle:after{background:#3c82f6;border-radius:9999px;content:"";height:28px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.qiongjian-editor .trim-handle.is-start{left:-2px}.qiongjian-editor .trim-handle.is-start:after{left:2px}.qiongjian-editor .trim-handle.is-end{right:-2px}.qiongjian-editor .trim-handle.is-end:after{right:2px}.qiongjian-editor .timeline-playhead{background:#e5484d;bottom:8px;pointer-events:none;position:absolute;top:8px;width:2px;z-index:20}.qiongjian-editor .playhead-knob{background:#e5484d;border:2px solid #fff;border-radius:50%;bottom:-7px;cursor:ew-resize;height:14px;left:50%;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%);width:14px}.qiongjian-editor .timeline-empty{align-items:center;color:#5e6773;display:flex;font-size:12px;justify-content:center;line-height:20px;min-height:76px}.qiongjian-editor .sticker-lane,.qiongjian-editor .timeline-empty{background:#fcfcfd;border-radius:8px}.qiongjian-editor .sticker-lane{margin-top:8px;min-height:28px;overflow:hidden;position:relative}.qiongjian-editor .sticker-block{align-items:center;background:rgba(60,130,246,.16);border:1px solid transparent;border-radius:5px;color:#22262a;cursor:move;display:flex;font-size:12px;height:28px;line-height:20px;min-width:10px;overflow:hidden;padding-left:12px;padding-right:12px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qiongjian-editor .sticker-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qiongjian-editor .sticker-block.is-selected{border-color:#3c82f6}.qiongjian-editor .sticker-trim-handle{background:rgba(60,130,246,.45);border:0;bottom:0;cursor:ew-resize;padding:0;position:absolute;top:0;width:8px;z-index:10}.qiongjian-editor .sticker-trim-handle.is-start{left:0}.qiongjian-editor .sticker-trim-handle.is-end{right:0}.qiongjian-editor .source-error{color:#e5484d;font-size:12px;line-height:20px;margin-top:8px}.qiongjian-editor .editor-actions{display:flex;gap:8px;margin-top:16px}.qiongjian-editor .sticker-control{position:relative}.qiongjian-editor .sticker-panel{background:#fff;border-color:#eff1f5;border-radius:8px;border-width:1px;bottom:100%;box-shadow:0 8px 24px rgba(0,0,0,.16);left:0;margin-bottom:8px;padding:12px;position:absolute;width:224px;z-index:30}.qiongjian-editor .builtin-stickers{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.qiongjian-editor .builtin-sticker{align-items:center;background:#f8fafd;border:0;border-radius:8px;cursor:pointer;display:flex;height:60px;justify-content:center;padding:8px;width:60px}.qiongjian-editor .builtin-sticker img{max-height:100%;max-width:100%}.qiongjian-editor .sticker-upload{border-radius:8px;cursor:pointer;height:36px;margin-top:8px;width:100%;--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity));font-size:14px;line-height:22px;--tw-text-opacity:1;border:0;color:rgb(255 255 255/var(--tw-text-opacity))}.qiongjian-editor .sticker-error{color:#e5484d;font-size:12px;line-height:20px;margin-top:8px}.qiongjian-editor .tool-button{background:#f8fafd;border-radius:8px;color:#22262a;cursor:pointer;font-size:14px;height:36px;line-height:22px;padding-left:16px;padding-right:16px}.qiongjian-editor .tool-button:disabled{cursor:not-allowed;opacity:.45}.qiongjian-editor .tool-button.is-primary{--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.qiongjian-editor .file-input{display:none}@media (max-width:767px){.qiongjian-editor{min-height:calc(100vh - 180px)}.qiongjian-editor .editor-toolbar{padding-left:12px;padding-right:12px}.qiongjian-editor .export-control{gap:8px}.qiongjian-editor .export-hint{max-width:112px;text-align:right}.qiongjian-editor .editor-content{padding:12px 12px 76px}.qiongjian-editor .preview-empty,.qiongjian-editor .preview-player{min-height:220px}.qiongjian-editor .preview-canvas{height:220px}.qiongjian-editor .editor-actions{background:#fff;border-color:#eff1f5;border-top-width:1px;bottom:0;justify-content:center;left:0;margin:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.qiongjian-editor .editor-actions .tool-button{flex:1 1 0%;max-width:180px}}.p-qiongjian .page-hero{background:linear-gradient(180deg,rgb(60 130 246/8%),transparent);padding:36px 24px}.p-qiongjian .page-hero .hero-inner{margin-left:auto;margin-right:auto;max-width:100%;width:1200px}.p-qiongjian .page-hero h1{color:#22262a;font-size:32px;font-weight:700;line-height:40px}.p-qiongjian .page-hero .hero-desc{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px;max-width:720px}.p-qiongjian .page-body{margin-left:auto;margin-right:auto;max-width:100%;padding-bottom:60px;padding-top:8px;width:1200px}@media (max-width:767px){.p-qiongjian .page-hero{padding:28px 16px}.p-qiongjian .page-hero h1{font-size:24px;line-height:32px}.p-qiongjian .page-body{padding-bottom:40px;padding-left:16px;padding-right:16px}}