@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;700&family=ZCOOL+KuaiLe&family=JetBrains+Mono:wght@400;700&display=swap";.custom-select-container[data-v-ffce8b75] ::-webkit-scrollbar{width:5px}.custom-select-container[data-v-ffce8b75] ::-webkit-scrollbar-track{background:transparent}.custom-select-container[data-v-ffce8b75] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark .custom-select-container[data-v-ffce8b75] ::-webkit-scrollbar-thumb{background:#334155}[data-v-74b138b2] .canvas-container canvas{max-width:none!important}.pic-mark-host[data-v-74b138b2]{font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s ease,color .3s ease;width:100%;min-height:100vh;min-height:100dvh}.pic-mark-workbench[data-v-74b138b2]{min-height:calc(100dvh - 56px)}.pic-mark-workbench>aside[data-v-74b138b2],.pic-mark-workbench>main[data-v-74b138b2]{min-height:520px}.pic-mark-side-ad-shell[data-v-74b138b2]{height:270px;max-height:270px;overflow:hidden}.pic-mark-footer[data-v-74b138b2]{max-height:124px;overflow:hidden;padding:14px 0 18px}.pic-mark-footer-ad-shell[data-v-74b138b2]{height:98px;max-height:98px;overflow:hidden}h1[data-v-74b138b2],h2[data-v-74b138b2],h3[data-v-74b138b2],.font-title[data-v-74b138b2]{font-family:Outfit,sans-serif}code[data-v-74b138b2],.font-mono[data-v-74b138b2]{font-family:Fira Code,monospace}.canvas-workspace-bg[data-v-74b138b2]{background-color:#f1f5f9;background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px),radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;transition:background-color .3s ease}.dark .canvas-workspace-bg[data-v-74b138b2]{background-color:#0d0f17;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px)}.grid-workspace[data-v-74b138b2]{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%}.glassmorphism[data-v-74b138b2]{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06)}.dark .glassmorphism[data-v-74b138b2]{background:#161b22b3;border:1px solid rgba(255,255,255,.08)}aside .glassmorphism[data-v-74b138b2]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.pic-mark-host[data-v-74b138b2] *::-webkit-scrollbar{width:6px;height:6px}.pic-mark-host[data-v-74b138b2] *::-webkit-scrollbar-track{background:#f1f5f9}.dark .pic-mark-host[data-v-74b138b2] *::-webkit-scrollbar-track{background:#0d1117}.pic-mark-host[data-v-74b138b2] *::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dark .pic-mark-host[data-v-74b138b2] *::-webkit-scrollbar-thumb{background:#30363d}.pic-mark-host[data-v-74b138b2] *::-webkit-scrollbar-thumb:hover{background:#0ea5e9}.active-tool[data-v-74b138b2]{border-color:#0ea5e9!important;background-color:#0ea5e91a!important;color:#0ea5e9!important;box-shadow:0 0 10px #0ea5e926}.dark .active-tool[data-v-74b138b2]{background-color:#0ea5e926!important;color:#38bdf8!important;box-shadow:0 0 12px #0ea5e940}@keyframes pulse-border-74b138b2{0%,to{border-color:#0ea5e94d}50%{border-color:#0ea5e9cc}}.pulse-drag-border[data-v-74b138b2]{animation:pulse-border-74b138b2 2s infinite ease-in-out}.pic-mark-title-area[data-v-74b138b2]{display:flex!important;align-items:center;width:clamp(240px,22vw,320px);gap:12px;min-width:0}.pic-mark-back-link[data-v-74b138b2]{min-height:34px;padding:0 14px}.divider-line[data-v-74b138b2]{width:1px;height:20px;background:#e2e8f0e6}.dark .divider-line[data-v-74b138b2]{background:#30363de6}.tool-info[data-v-74b138b2]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.tool-info__eyebrow[data-v-74b138b2]{margin:0 0 2px;color:#0ea5e9;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1}.tool-info__title[data-v-74b138b2]{margin:0;color:#0f172a;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:72px;line-height:1.2}.dark .tool-info__title[data-v-74b138b2]{color:#fff}.back-link[data-v-74b138b2]{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid rgba(226,232,240,.8);border-radius:10px;background:#fff;color:#334155;font-size:13px;font-weight:700;box-shadow:0 1px 2px #0f172a08;transition:all .18s ease}.dark .back-link[data-v-74b138b2]{border-color:#30363dcc;background:#161b22;color:#c9d1d9}.back-link[data-v-74b138b2]:hover{border-color:#cbd5e1e6;background:#f8fafc;color:#0f172a;box-shadow:0 3px 8px #0f172a0d}.dark .back-link[data-v-74b138b2]:hover{border-color:#8b949ee6;background:#21262d;color:#fff}.back-link .back-icon[data-v-74b138b2]{font-size:14px;line-height:1;transition:transform .18s ease}.back-link:hover .back-icon[data-v-74b138b2]{transform:translate(-2px)}.lang-btn[data-v-74b138b2]{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid rgba(226,232,240,.8);border-radius:10px;background:#fff;color:#334155;font-size:12px;font-weight:700;box-shadow:0 1px 2px #0f172a08;cursor:pointer;transition:all .18s ease}.dark .lang-btn[data-v-74b138b2]{border-color:#30363dcc;background:#161b22;color:#c9d1d9}.lang-btn[data-v-74b138b2]:hover{border-color:#cbd5e1e6;background:#f8fafc;color:#0f172a;box-shadow:0 3px 8px #0f172a0d}.dark .lang-btn[data-v-74b138b2]:hover{border-color:#8b949ee6;background:#21262d;color:#fff}.lang-btn .dropdown-arrow[data-v-74b138b2]{font-size:8px;color:#94a3b8;margin-left:2px}@media(max-width:768px){.pic-mark-host[data-v-74b138b2]{min-height:100vh;min-height:100dvh;overflow-y:auto}.pic-mark-host>header[data-v-74b138b2]{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px;height:auto!important;min-height:98px;padding:8px 10px!important;align-items:center}.pic-mark-host>header>div[data-v-74b138b2]:first-child{width:auto!important;min-width:0}.pic-mark-host>header>div[data-v-74b138b2]:nth-child(2){grid-column:1 / -1;grid-row:2;width:100%;max-width:100%;overflow-x:auto;justify-content:flex-start;border-radius:10px;-webkit-overflow-scrolling:touch}.pic-mark-host>header>div:nth-child(2) button[data-v-74b138b2]{flex:0 0 auto;min-width:38px;min-height:38px}.pic-mark-host>header>div[data-v-74b138b2]:nth-child(3){max-width:64vw;overflow-x:auto;justify-content:flex-end;gap:6px;-webkit-overflow-scrolling:touch}.pic-mark-host>header>div:nth-child(3) button[data-v-74b138b2]{flex:0 0 auto;min-height:36px}.pic-mark-host>header>div:nth-child(3) button span[data-v-74b138b2]{white-space:nowrap}.pic-mark-host>.pic-mark-workbench[data-v-74b138b2]{display:grid!important;min-height:calc(100dvh - 98px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 148px;overflow:hidden}.pic-mark-host>.flex.flex-1>main[data-v-74b138b2]{grid-column:1 / -1;grid-row:1;min-height:0}.pic-mark-host>.flex.flex-1>aside[data-v-74b138b2]{width:auto!important;min-width:0;min-height:0;height:148px;border-right:0!important;border-left:0!important;border-top:1px solid #e2e8f0}.dark .pic-mark-host>.flex.flex-1>aside[data-v-74b138b2]{border-top-color:#30363d}.pic-mark-host>.flex.flex-1>aside[data-v-74b138b2]:first-of-type{grid-column:1;grid-row:2;border-right:1px solid #e2e8f0!important}.dark .pic-mark-host>.flex.flex-1>aside[data-v-74b138b2]:first-of-type{border-right-color:#30363d!important}.pic-mark-host>.flex.flex-1>aside[data-v-74b138b2]:last-of-type{grid-column:2;grid-row:2}.pic-mark-host>.flex.flex-1>aside>div[data-v-74b138b2]:first-child{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,90%);gap:10px;height:100%;padding:10px!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.pic-mark-host>.flex.flex-1>aside .glassmorphism[data-v-74b138b2]{min-width:0;height:100%;overflow-y:auto;border-radius:10px!important}.pic-mark-side-ad-shell[data-v-74b138b2],.pic-mark-footer-ad-shell[data-v-74b138b2]{display:none!important}.pic-mark-host>.flex.flex-1>aside>.pt-4.border-t[data-v-74b138b2]{display:none!important}#editor-viewport[data-v-74b138b2]{padding:12px!important;align-items:center;justify-content:center;touch-action:none}#drop-zone[data-v-74b138b2]{width:min(100%,360px);max-width:calc(100vw - 24px);padding:16px!important;border-radius:14px!important}#canvas-container[data-v-74b138b2]{max-width:none}footer[data-v-74b138b2]{height:auto!important;padding:4px!important}.ad-vertical-container[data-v-74b138b2]{display:none!important}}.json-node-card[data-v-f2663f43]{width:clamp(260px,calc(100vw - 64px),350px);max-width:calc(100vw - 64px)}.custom-scrollbar[data-v-f2663f43]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-f2663f43]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-f2663f43]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.dark .custom-scrollbar[data-v-f2663f43]::-webkit-scrollbar-thumb{background:#475569}@media(max-width:480px){.json-node-card[data-v-f2663f43]{width:clamp(236px,calc(100vw - 44px),320px);max-width:calc(100vw - 44px)}}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__edge-path{transition:stroke .15s ease,stroke-width .15s ease}.vue-flow__edge:hover .vue-flow__edge-path{stroke-width:3.5px!important;stroke:#0ea5e9!important}.custom-handle{width:10px!important;height:10px!important;border-radius:50%!important}.custom-grid-bg{background-color:#f8fafc;background-image:radial-gradient(rgb(15 23 42 / 12%) 1px,transparent 1px);background-size:18px 18px}.json-canvas-container,.json-canvas-container .json-flow-stage{min-height:360px}.json-canvas-container .canvas-toolbar{max-width:calc(100% - 32px);flex-wrap:wrap}.json-canvas-container .canvas-toolbar button{min-width:30px}.json-canvas-container .canvas-tip{right:16px;max-width:calc(100% - 32px);line-height:1.45;white-space:normal}@media(max-width:640px){.json-canvas-container{border-radius:18px}.json-canvas-container .json-flow-stage{min-height:320px}.json-canvas-container .canvas-toolbar{top:10px;left:10px;max-width:calc(100% - 20px);gap:4px;border-radius:14px}.json-canvas-container .canvas-tip{left:12px;right:12px;bottom:10px;font-size:10px}}.dark .custom-grid-bg{background-color:#020617;background-image:radial-gradient(rgb(148 163 184 / 18%) 1px,transparent 1px)}