.chrome.svelte-mjhzl3{pointer-events:none;position:absolute;inset:0;overflow:hidden}.outline.svelte-mjhzl3{border:1.5px solid;position:absolute}.frame-label.svelte-mjhzl3{white-space:nowrap;text-overflow:ellipsis;height:20px;font:12px/20px system-ui;position:absolute;overflow:hidden}.handle.svelte-mjhzl3{background:#fff;border:1px solid #7057e8;width:7px;height:7px;position:absolute}.snap-guide.svelte-mjhzl3{background:#e54873;position:absolute}.marker.svelte-mjhzl3{background:#2f9c77;position:absolute}.text-editor.svelte-qgixzy{box-sizing:border-box;transform-origin:0 0;resize:none;z-index:2;border:0;border-radius:0;outline:1px solid;min-width:0;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}.html-workspace.svelte-ueynxv{touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.html-workspace.panning.svelte-ueynxv{cursor:grab}iframe.svelte-ueynxv{pointer-events:none;border:0;width:100%;height:100%;display:block}.font-status.svelte-ueynxv{padding:8px;font-size:12px;position:absolute;top:12px;left:12px}*{box-sizing:border-box}body{color:#343442;background:#fff;margin:0;font:13px system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid #e0e1e8;border-radius:6px;padding:7px 10px}button:hover{background:#f3f1fc}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #7057e8}header{border-bottom:1px solid #e5e5eb;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 20px;display:flex}header strong{letter-spacing:-.5px;font-size:18px}header>span{color:#858591}.badge{color:#7057e8;background:#f0edfc;border-radius:4px;margin-left:12px;padding:4px 7px;font-size:10px}.editor{grid-template-columns:230px minmax(0,1fr) 240px;height:calc(100dvh - 58px);display:grid}aside{padding:18px 14px;overflow:auto}.layers{border-right:1px solid #e5e5eb;padding-left:0;padding-right:0}h2{justify-content:space-between;margin:0 0 22px;font-size:12px;display:flex}.layers h2,.layers .hint{margin-left:16px;margin-right:16px}h2 span{color:#92929f}.insert{gap:6px;margin:0 12px 20px;display:flex}.insert button{flex:1;font-size:11px}.layer{text-align:left;white-space:nowrap;border:0;border-radius:0;align-items:center;gap:9px;width:100%;height:36px;display:flex}.layer.active{color:#6346d7;background:#eee9ff}.icon{color:#9693a4}.hint{color:#8b8b99;margin-top:24px;font-size:11px;line-height:1.7}main{min-width:0;min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}canvas.panning{cursor:grab}.canvas-help{color:#777987;pointer-events:none;font-size:10px;position:absolute;bottom:20px;left:20px}.zoom{background:#fff;border-radius:8px;align-items:center;gap:10px;padding:4px;display:flex;position:absolute;bottom:14px;right:16px;box-shadow:0 2px 10px #0000000a}.zoom button{border:0}.zoom span{text-align:center;width:36px;font-size:11px}.inspector{border-left:1px solid #e5e5eb}label{color:#777783;flex-direction:column;gap:7px;margin-bottom:16px;font-size:11px;display:flex}input{color:#343442;background:#fafafd;border:1px solid #e2e2eb;border-radius:5px;width:100%;min-width:0;padding:8px}input[type=color]{height:34px;padding:3px}.fields{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.kind{color:#92929f;margin:0 0 24px;font-size:11px}@media (width<=900px){.editor{grid-template-columns:180px minmax(0,1fr) 180px}header>span,.canvas-help{display:none}}select,textarea{font:inherit;color:#343442;background:#fafafd;border:1px solid #e2e2eb;border-radius:5px;width:100%;min-width:0;padding:8px}textarea{resize:vertical;min-height:80px}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto}.insert{flex-wrap:wrap}input:disabled{opacity:.5}