*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;overflow-x:auto;overflow-y:auto;background:#b0a8b9}#canvas{position:relative;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.4) 1px,transparent 0);background-size:50px 30px}.el{position:absolute;user-select:none;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.el.is-dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.el[data-t=text]{font-size:20px;line-height:1.45;color:#240e5f;word-break:break-word;white-space:pre-wrap;padding:2px 4px;min-width:40px;min-height:28px}.el[data-t=text][contenteditable=true]{cursor:text;user-select:text;outline:none;caret-color:#8a67c4}.el[data-t=box]{background:#fcf7ff}.el[data-t=img] img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;-webkit-user-drag:none;border-radius:2px}.el[data-t=embed] iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.el[data-t=embed].embed-interact iframe{pointer-events:auto}.el[data-t=embed] .embed-toggle{position:absolute;left:6px;top:6px;z-index:2;width:30px;height:30px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fcf7ffe6;color:#240e5f;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s ease}.el[data-t=embed]:hover .embed-toggle,.el[data-t=embed].embed-interact .embed-toggle{opacity:1}.el[data-t=embed].embed-interact .embed-toggle{background:#240e5fe6;border-color:#240e5f40;color:#fcf7ff}.el[data-t=embed] .embed-toggle i{pointer-events:none}#toolbar{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:9999;background:#fcf7ff;border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:2px;border:1px solid #9b89b3}.btn{width:44px;height:44px;margin:0;padding:0;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:#240e5f;transition:background .12s}.btn:hover{background:#dfd4f2}.btn i.ti{font-size:18px;font-weight:400}.btn:active{transform:scale(.9);transition:transform .05s}.btn.danger:hover{background:#ffe5da;color:#d54935}.btn.active{background:#e8e8e8}.btn.active:hover{background:#dcdcdc}.sep{height:1px;background:#f0f0f0;margin:4px 0}#btn-bg .swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.12);pointer-events:none}#fmt-bar{position:fixed;top:16px;right:16px;z-index:9999;background:#fcf7ff;border-radius:12px;padding:5px 6px;display:none;align-items:center;gap:2px;border:1px solid #9b89b3}#fmt-layers{display:flex;align-items:center;gap:2px}#fmt-layers .btn{width:32px;height:32px}#fmt-text,#fmt-box{display:none;align-items:center;gap:2px}select{border:none;background:transparent;font-family:inherit;font-size:12px;color:#240e5f;cursor:pointer;padding:5px 4px;border-radius:7px;outline:none}select:hover{background:#dfd4f2}#fmt-bar input[type=range]{width:72px;cursor:pointer;accent-color:#8a67c4;vertical-align:middle}.fmt-val{font-size:11px;color:#b0a8b9;min-width:20px;text-align:right}#fmt-size-wrap{display:flex;align-items:center;gap:1px;font-size:12px;color:#b0a8b9;padding-right:2px}#fmt-size-wrap select{padding-right:2px}.fmt-sep{width:1px;height:20px;background:#f0f0f0;margin:0 2px;flex-shrink:0}#btn-fmt-color .swatch,#btn-fmt-fill .swatch,#btn-fmt-border-color .swatch{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.15);pointer-events:none}#btn-fmt-color .swatch{background:#240e5f}#btn-fmt-border-color .swatch{border-radius:3px}.selecto-selection{background:#635bff14!important;border:1px solid #8a67c4!important;border-radius:2px}.moveable-control{background:#fcf7ff!important;border-color:#c75642!important}.moveable-line{background:#c75642!important}#page-title{position:fixed;top:14px;left:50%;transform:translate(-50%);font-size:13px;font-weight:500;color:#4b4453;background-color:#ffffff80;letter-spacing:.04em;white-space:nowrap;z-index:9999;outline:none;border-radius:6px;padding:2px 8px;cursor:text;min-width:60px;text-align:center;transition:background .12s,color .12s;min-height:24px;line-height:24px}#page-title:empty:before{content:attr(data-placeholder);color:#4b4453}#info{position:fixed;top:14px;right:14px;display:block;height:24px;width:24px;background-color:#fcf7ff;border-radius:6px;opacity:.5}#info:hover{opacity:1}#info a{color:#4b4453;text-decoration:none;height:24px;width:24px;display:flex;justify-content:center;align-items:center}#info a i{display:block}#bg-panel{position:fixed;z-index:9999;background:#fcf7ff;border-radius:12px;padding:5px 6px;display:none;align-items:center;gap:2px;border:1px solid #9b89b3}#bg-panel .btn{width:32px;height:32px}.modal-overlay{position:fixed;inset:0;z-index:9998;background:#00000040;opacity:0;pointer-events:none;transition:opacity .15s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#fcf7ff;border-radius:16px;padding:16px;display:none;flex-direction:column;gap:8px;width:300px;border:1px solid #9b89b3}.modal-panel input[type=text],.modal-panel input[type=number]{width:100%;border:1px solid #c4b5d9;border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit;background:#fcf7ff;color:#240e5f;outline:none;box-sizing:border-box}.modal-panel .modal-select{border:1px solid #c4b5d9;border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit;background:#fcf7ff;color:#240e5f;outline:none;box-sizing:border-box;cursor:pointer;min-width:140px}.embed-row{display:flex;gap:6px;align-items:flex-start}.embed-row input,.embed-row textarea{flex:1}.modal-panel .btn{width:auto;padding:0 14px;height:32px;font-size:13px;border-radius:7px;background:#ede6f7;flex-shrink:0;gap:6px}.modal-panel .btn:hover{background:#dfd4f2}.modal-title{display:flex;align-items:center;justify-content:space-between;margin:-16px -16px 0;padding:10px 8px 10px 16px;border-bottom:1px solid #ede6f7;font-size:13px;font-weight:600;color:#240e5f}.modal-panel .modal-close{width:28px;height:28px;padding:0;flex-shrink:0}.modal-error{display:none;font-size:12px;color:#c0392b}#embed-providers{display:flex;flex-wrap:wrap;gap:6px}#embed-providers span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#ede6f7;color:#6b4fa0;cursor:default}#embed-providers span i{font-size:16px}.img-or{font-size:11px;color:#b0a8b9;text-align:center;letter-spacing:.05em}.img-note{margin-top:5px;font-size:11px;color:#b0a8b9;text-align:center}#btn-img-upload,#btn-bg-img-upload-modal{margin:0 auto}