.menu{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:200px;height:100vh;box-sizing:border-box;background-color:#121212;padding-top:16px;flex-shrink:0}.menu-item{color:#fff;text-decoration:none;width:100%;padding:8px 16px;box-sizing:border-box;font-size:16px}.menu-item--active{color:#ff3b5c;font-weight:500}.menu-item-content{display:flex;gap:1px}.menu-item--active .menu-item-wip-icon{animation:rotate 2s linear infinite;display:flex;width:16px;height:16px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{display:flex;justify-content:space-between;width:100vw}.preview-container{flex:1;padding:16px;overflow-y:auto;height:100vh;box-sizing:border-box}body{background-color:#fff}.split{display:flex;flex-direction:row;width:1e3px}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%;cursor:col-resize;opacity:1}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}.split-pannel{padding:0 12px}.split-pannel-content{background-color:rgba(100,106,115,5%);height:200px;border-radius:8px}.container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:10px;background:blue}@media(max-width:600px){.container{grid-template-columns:1fr}}#input::-moz-placeholder{color:red;font-weight:700}#input::placeholder{color:red;font-weight:700}.nice-background{width:480px;height:480px;background:linear-gradient(147deg,#ffe53b 0%,#ff2525 74%)}@keyframes radialSpread{0%{transform:scale(0)}to{transform:scale(1)}}.nice-background{position:relative;overflow:hidden;border-radius:100%}.nice-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;border-radius:100%;background:radial-gradient(circle,yellow,red);animation:radialSpread 4s infinite;opacity:.5}.firworks{width:4px;height:4px;border-radius:100%;position:absolute}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}body{display:flex;align-items:center;justify-content:center}.resizeable-image{padding:8px;border:1px solid blue}.resizeable-image .react-resizable-handle{position:absolute;width:16px;height:16px;background-color:blue;border-radius:100%;z-index:2;background-position:center;background-repeat:no-repeat;background-size:100%100%}.resizeable-image .react-resizable-handle-ne{top:-8px;right:-8px}.resizeable-image .react-resizable-handle-n{padding:"0 0 2px 0";top:0}.resizeable-image .react-resizable-handle-e{top:50%;right:-8px}.jsmind-inner{position:relative;overflow:auto;width:100%;height:100%;outline:none;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}.jsmind-inner canvas{position:absolute}svg.jsmind,canvas.jsmind{position:absolute;z-index:1}jmnodes{position:absolute;z-index:2;background-color:rgba(0,0,0,0)}jmnode{position:absolute;cursor:default;max-width:400px}jmexpander{position:absolute;width:11px;height:11px;display:block;overflow:hidden;line-height:12px;font-size:10px;text-align:center;border-radius:6px;border-width:1px;border-style:solid;cursor:pointer}.jmnode-overflow-wrap jmnodes{min-width:420px}.jmnode-overflow-hidden jmnode{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}jmnode{padding:10px;background-color:#fff;color:#333;border-radius:5px;box-shadow:1px 1px 1px#666;font:16px/1.125 Verdana,Arial,Helvetica,sans-serif}jmnode:hover{box-shadow:2px 2px 8px#000;background-color:#ebebeb;color:#333}jmnode.selected{background-color:#11f;color:#fff;box-shadow:2px 2px 8px#000}jmnode.root{font-size:24px}jmexpander{border-color:gray}jmexpander:hover{border-color:#000}@media screen and (max-device-width:1024px){jmnode{padding:5px;border-radius:3px;font-size:14px}jmnode.root{font-size:21px}}jmnodes.theme-primary jmnode{background-color:#428bca;color:#fff;border-color:#357ebd}jmnodes.theme-primary jmnode:hover{background-color:#3276b1;border-color:#285e8e}jmnodes.theme-primary jmnode.selected{background-color:#f1c40f;color:#fff}jmnodes.theme-warning jmnode{background-color:#f0ad4e;border-color:#eea236;color:#fff}jmnodes.theme-warning jmnode:hover{background-color:#ed9c28;border-color:#d58512}jmnodes.theme-warning jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-danger jmnode{background-color:#d9534f;border-color:#d43f3a;color:#fff}jmnodes.theme-danger jmnode:hover{background-color:#d2322d;border-color:#ac2925}jmnodes.theme-danger jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-success jmnode{background-color:#5cb85c;border-color:#4cae4c;color:#fff}jmnodes.theme-success jmnode:hover{background-color:#47a447;border-color:#398439}jmnodes.theme-success jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-info jmnode{background-color:#5dc0de;border-color:#46b8da;color:#fff}jmnodes.theme-info jmnode:hover{background-color:#39b3d7;border-color:#269abc}jmnodes.theme-info jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-greensea jmnode{background-color:#1abc9c;color:#fff}jmnodes.theme-greensea jmnode:hover{background-color:#16a085}jmnodes.theme-greensea jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-nephrite jmnode{background-color:#2ecc71;color:#fff}jmnodes.theme-nephrite jmnode:hover{background-color:#27ae60}jmnodes.theme-nephrite jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-belizehole jmnode{background-color:#3498db;color:#fff}jmnodes.theme-belizehole jmnode:hover{background-color:#2980b9}jmnodes.theme-belizehole jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-wisteria jmnode{background-color:#9b59b6;color:#fff}jmnodes.theme-wisteria jmnode:hover{background-color:#8e44ad}jmnodes.theme-wisteria jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-asphalt jmnode{background-color:#34495e;color:#fff}jmnodes.theme-asphalt jmnode:hover{background-color:#2c3e50}jmnodes.theme-asphalt jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-orange jmnode{background-color:#f1c40f;color:#fff}jmnodes.theme-orange jmnode:hover{background-color:#f39c12}jmnodes.theme-orange jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-pumpkin jmnode{background-color:#e67e22;color:#fff}jmnodes.theme-pumpkin jmnode:hover{background-color:#d35400}jmnodes.theme-pumpkin jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-pomegranate jmnode{background-color:#e74c3c;color:#fff}jmnodes.theme-pomegranate jmnode:hover{background-color:#c0392b}jmnodes.theme-pomegranate jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-clouds jmnode{background-color:#ecf0f1;color:#333}jmnodes.theme-clouds jmnode:hover{background-color:#bdc3c7}jmnodes.theme-clouds jmnode.selected{background-color:#11f;color:#fff}jmnodes.theme-asbestos jmnode{background-color:#95a5a6;color:#fff}jmnodes.theme-asbestos jmnode:hover{background-color:#7f8c8d}jmnodes.theme-asbestos jmnode.selected{background-color:#11f;color:#fff}.linear-page{display:flex}.linear-container{flex:1}.linear-y{height:300px}.linear-y-list{list-style-type:none;padding:0;max-height:300px;overflow:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.linear-y-list li{padding:8px}.linear-x{display:flex;justify-content:center;align-items:center;margin:0}.linear-x-list{list-style-type:none;padding:0;overflow:auto}.linear-x-list li{padding:8px 0;position:relative;overflow:hidden}.linear-x-list li:after{content:"";position:absolute;top:0;right:0;height:100%;width:50%;background:linear-gradient(to left,#fff,transparent)}.table-row-head{background:#eff0f1}.col-add-dot{width:4px;height:4px;border-radius:100%;background:#bbbfc4;position:absolute;top:-13px;transform:translatex(-50%);cursor:pointer;transition:all.3s}.col-add-dot--hover{background:blue;width:24px;height:24px;display:flex;align-items:center;justify-items:center;top:-16px}.add-icon{display:flex;align-items:center;justify-items:center;width:100%;height:100%}.operate-col-item--active{background-color:#1456f0!important}.popover-content{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:2px}.popover-content:hover{background:#ccc}.i-icon{display:flex}.row-add-dot{width:4px;height:4px;border-radius:100%;background:#bbbfc4;position:absolute;left:-13px;transform:translatey(-50%);cursor:pointer;transition:all.3s}.row-add-dot--hover{background:blue;width:24px;height:24px;display:flex;align-items:center;justify-items:center;left:-16px}.add-icon{display:flex;align-items:center;justify-items:center;width:100%;height:100%}.table-cell{position:relative}.table-cell-content{min-height:24px}.table-cell-head{background:#eff0f1}.table-cell-resizer{position:absolute;top:-1px;bottom:0;right:-1px;width:2px;z-index:9;cursor:ew-resize}.table-cell-resizer--active{background:blue}.table-cell-selected{background-color:rgba(20,86,240,.18)}.table-container{padding:36px}table,th,td{border:1px solid#d9d9d9;box-sizing:border-box}thead{background-color:#f2f3f5}table{border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;user-select:none}td{padding:16px}.operate{position:relative;padding:0}.operate-item{background:#eff0f1;padding:0;height:12px;cursor:pointer}.operate-item:hover{background:#d1d4d8}.table,.table-body{position:relative}.operate-row{position:absolute;border:1px solid;top:0;bottom:0;left:-16px;width:16px}.first-column{position:relative}.operate-col-item{height:12px;position:absolute;left:-.5px;right:-.5px;top:-13px;background-color:#eff0f1;cursor:pointer}.operate-row-item{width:12px;position:absolute;left:-13px;top:-.5px;bottom:-.5px;background-color:#eff0f1;cursor:pointer}.operate-col-item:hover,.operate-row-item:hover{background:#d1d4d8}.reconfirm-modal{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.reconfirm-modal-body{background-color:#fff;padding:24px;display:flex;flex-direction:column;gap:8px;border-radius:8px;overflow:hidden}.reconfirm-modal-title{font-size:22px;font-weight:600;margin:0}.reconfirm-modal-content{font-size:16px}.reconfirm-modal-footer{display:flex;gap:16px}.table-selector{border:1px solid#ccc;display:flex;flex-direction:column;gap:8px;padding:16px;width:-moz-fit-content;width:fit-content}.table-selector-row{display:flex;gap:8px}.table-selector-cell{width:24px;height:24px;background-color:#eee;cursor:pointer}.table-selector-cell--active{background-color:#aaa}.select-preview{padding-top:16px;font-size:20px}.table-container{padding:36px}table,th,td{border:1px solid#d9d9d9;box-sizing:border-box;-webkit-user-select:all;-moz-user-select:all;user-select:all}thead{background-color:#f2f3f5}table{table-layout:fixed;border-collapse:collapse}td{padding:16px}.operate{position:relative;padding:0}.operate-item{background:#eff0f1;padding:0;height:12px;cursor:pointer}.operate-item:hover{background:#d1d4d8}.table,.table-body{position:relative}.operate-row{position:absolute;border:1px solid;top:0;bottom:0;left:-16px;width:16px}.first-column{position:relative}.operate-col-item{height:12px;position:absolute;left:-.5px;right:-.5px;top:-12px;background-color:#eff0f1;cursor:pointer}.operate-row-item{width:12px;position:absolute;left:-12px;top:-.5px;bottom:-.5px;background-color:#eff0f1;cursor:pointer}.operate-col-item:hover,.operate-row-item:hover{background:#d1d4d8}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.border{border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html,body{padding:0;margin:0}