.ce-page{height:100%;min-height:calc(100vh - 224px);display:flex;flex-direction:column;background:#f3f4f8;border-radius:16px;overflow:hidden}.ce-floating-tools{position:absolute;top:14px;right:16px;z-index:20;display:flex;align-items:center;gap:8px}.ce-float-toggle{width:38px;height:38px;flex-shrink:0;border:none;border-radius:50%;background:#fffffff5;color:#4b5563;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #1f293724;backdrop-filter:blur(8px);transition:all .2s ease}.ce-float-toggle:hover{color:#667eea;background:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #667eea40}.ce-float-bar{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#fffffff5;border:1px solid rgba(102,126,234,.1);border-radius:22px;box-shadow:0 6px 24px #1f293724;backdrop-filter:blur(12px);white-space:nowrap;transform-origin:right center;transition:opacity .22s ease,transform .22s ease}.ce-floating-tools:not(.is-open) .ce-float-bar{opacity:0;transform:translate(16px) scale(.92);pointer-events:none}.ce-floating-tools.is-open .ce-float-bar{opacity:1;transform:translate(0) scale(1)}.ce-tool-caret{font-size:9px;color:#9ca3af;margin-left:1px}.ce-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:none;background:transparent;color:#4b5563;border-radius:8px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .18s ease}.ce-tool-btn:hover:not(:disabled){background:#667eea1a;color:#667eea}.ce-tool-btn:disabled{opacity:.4;cursor:not-allowed}.ce-tool-btn .anticon{font-size:15px}.ce-tool-btn-icononly{padding:6px 8px}.ce-tool-divider{width:1px;height:20px;background:#e5e7eb;margin:0 6px;flex-shrink:0}.ce-main{flex:1;min-height:0;display:flex}.ce-rail{width:60px;flex-shrink:0;background:#fff;border-right:1px solid #ececf1;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:18px;z-index:10}.ce-rail-group{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.ce-rail-spacer{flex:1}.ce-rail-item{position:relative;width:46px;padding:7px 0 6px;border:none;background:transparent;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:#6b7280;transition:all .18s ease}.ce-rail-item:hover{background:#667eea14;color:#667eea}.ce-rail-item.active{background:#eef1ff;color:#5a6fd8}.ce-rail-item.active:before{content:"";position:absolute;left:-7px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#667eea}.ce-rail-item .anticon{font-size:19px}.ce-rail-label{font-size:10px;line-height:1.2}.ce-rail-badge{position:absolute;top:2px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ff4d4f;color:#fff;font-size:10px;line-height:16px;text-align:center}.ce-panel{width:268px;flex-shrink:0;background:#fff;border-right:1px solid #ececf1;display:flex;flex-direction:column;min-height:0}.ce-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid #f0f0f3}.ce-panel-title{font-size:14px;font-weight:600;color:#1f2937}.ce-panel-body{flex:1;overflow-y:auto;padding:10px}.ce-panel-body::-webkit-scrollbar{width:6px}.ce-panel-body::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.ce-assets-tip{font-size:12px;color:#9ca3af;margin:2px 2px 10px}.ce-asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ce-asset-item{position:relative;border-radius:8px;overflow:hidden;border:2px solid transparent;background:#f5f5f5;cursor:pointer;aspect-ratio:1;transition:all .18s ease}.ce-asset-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea40}.ce-asset-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}.ce-asset-add{position:absolute;right:4px;bottom:4px;width:22px;height:22px;border-radius:50%;background:#667eeaeb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transition:opacity .18s ease}.ce-asset-item:hover .ce-asset-add{opacity:1}.ce-asset-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity .18s ease}.ce-asset-item:hover .ce-asset-remove{opacity:1}.ce-asset-upload{border:2px dashed #c7cbd8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9ca3af;cursor:pointer;aspect-ratio:1;transition:all .18s ease;background:#fafbff}.ce-asset-upload:hover{border-color:#667eea;color:#667eea;background:#667eea0a}.ce-asset-upload .anticon{font-size:20px}.ce-asset-upload span{font-size:11px}.ce-layer-list{display:flex;flex-direction:column;gap:4px}.ce-layer-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.ce-layer-item:hover{background:#f5f6fb}.ce-layer-item.selected{background:#667eea1a;border-color:#667eea73}.ce-layer-item.hidden-layer{opacity:.45}.ce-layer-thumb{width:30px;height:30px;border-radius:6px;object-fit:cover;background:#f0f0f3;flex-shrink:0}.ce-layer-name{flex:1;min-width:0;font-size:12.5px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-layer-actions{display:none;align-items:center;gap:1px;flex-shrink:0}.ce-layer-item:hover .ce-layer-actions{display:flex}.ce-layer-action{border:none;background:transparent;color:#6b7280;cursor:pointer;padding:3px;border-radius:4px;display:flex;font-size:12px}.ce-layer-action:hover{background:#667eea26;color:#667eea}.ce-layer-eye{border:none;background:transparent;color:#9ca3af;cursor:pointer;padding:3px;display:flex;font-size:13px;flex-shrink:0}.ce-layer-eye:hover{color:#667eea}.ce-empty{padding:30px 10px;text-align:center;color:#9ca3af;font-size:12.5px}.ce-empty .anticon{font-size:30px;display:block;margin:0 auto 8px;color:#c7cbd8}.ce-stage{flex:1;min-width:0;position:relative;overflow:hidden;background:#e9ebf2}.ce-scroller{position:absolute;inset:0;overflow:hidden;overscroll-behavior:contain}.ce-canvas-wrap{position:absolute;left:0;top:0;width:1080px;height:1080px;will-change:transform}.ce-canvas-wrap .canvas-container{box-shadow:0 8px 30px #0000001f}.ce-scroller.ce-space-grab,.ce-scroller.ce-space-grab .upper-canvas{cursor:grab!important}.ce-scroller.ce-is-panning,.ce-scroller.ce-is-panning *{cursor:grabbing!important;user-select:none}.ce-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(45deg,#e6e8f0 25%,transparent 25%),linear-gradient(-45deg,#e6e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e8f0 75%),linear-gradient(-45deg,transparent 75%,#e6e8f0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#f7f8fc;color:#8b93a7;z-index:5}.ce-placeholder .anticon{font-size:44px;color:#b6bcd0}.ce-placeholder-title{font-size:17px;font-weight:600;color:#5b6478}.ce-placeholder-desc{font-size:13px}.ce-zoombar{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:6px;padding:5px 10px;background:#fffffff2;border-radius:20px;box-shadow:0 4px 16px #0000001f;z-index:8}.ce-zoom-btn{border:none;background:transparent;width:24px;height:24px;border-radius:50%;cursor:pointer;color:#5b6478;display:flex;align-items:center;justify-content:center;font-size:12px}.ce-zoom-btn:hover{background:#667eea1f;color:#667eea}.ce-zoom-value{font-size:12px;color:#5b6478;min-width:44px;text-align:center;cursor:pointer;user-select:none}.ce-zoom-value:hover{color:#667eea}.ce-zoom-slider{width:90px}.ce-toolbox{display:flex;flex-direction:column;min-height:520px}.ce-toolbox-tabs{flex-shrink:0}.ce-toolbox-tabs .ant-tabs-nav{margin-bottom:10px}.ce-toolbox-source{flex-shrink:0;border:1px solid #eef0f5;background:#fafbff;border-radius:10px;padding:8px 10px;margin-bottom:10px}.ce-toolbox-source:has(.ant-upload-wrapper){padding:0;overflow:hidden}.ce-toolbox-source .ant-upload-drag{border:none;background:transparent}.ce-toolbox-source .ant-upload-btn{padding:12px 8px!important}.ce-toolbox-source:not(:has(.ant-upload-wrapper)){display:flex;align-items:center;gap:10px}.ce-toolbox-source-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;background:#f0f0f3;flex-shrink:0}.ce-toolbox-source-thumb img{width:100%;height:100%;object-fit:cover}.ce-toolbox-source-meta{flex:1;min-width:0}.ce-toolbox-source-name{font-size:13px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-toolbox-source-sub{font-size:12px;color:#9ca3af;margin-top:2px}.ce-toolbox-stat{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12.5px;color:#4b5563;background:#f6ffed;border:1px solid #d9f7be;border-radius:8px;padding:6px 12px;margin-bottom:10px}.ce-toolbox-body{flex:1;min-height:360px;display:flex;gap:14px}.ce-toolbox-options{width:260px;flex-shrink:0;overflow-y:auto;padding:4px 2px}.ce-toolbox-preview{flex:1;min-width:0;height:420px}.ce-toolbox-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f3;margin-top:12px}@media (max-width: 1100px){.ce-tool-label{display:none}.ce-tool-btn{padding:6px 8px}.ce-panel{width:230px}}@media (max-width: 900px){.ce-panel{position:absolute;top:0;bottom:0;left:60px;z-index:15;box-shadow:6px 0 24px #0000001a}}