.split{display:flex;flex:1;height:100%}.split>.content{position:relative;display:flex;box-sizing:border-box;overflow:hidden}.split>.content>*{flex:1;height:100%}.split>.content:last-child{flex:1}.split>.splitter{flex-basis:6px}.split.vertical{flex-direction:column}.split.horizontal{flex-direction:row}.split.resizeable.vertical>.splitter{cursor:row-resize}.split.resizeable.horizontal>.splitter{cursor:col-resize}.split.mobile-mode{display:block!important;height:auto!important}.split.mobile-mode>.content{display:block!important;width:100%!important;height:auto!important;flex:none!important;flex-basis:auto!important}.split.mobile-mode>.splitter{display:none!important}.layout-container{display:flex;flex-direction:column;flex:1 0 auto;overflow:hidden;position:relative;height:100%}.layout-container>.preview{position:absolute;opacity:0;margin:0;pointer-events:none}.layout-container>.views{display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.layout-container>.drag{position:absolute;margin:0;padding:0;display:none;cursor:move}.layout-container>.drag *{pointer-events:none!important}.layout-container>.drag.dragging{display:block}.layout-container .drag>.view{height:100%;width:100%}.layout-container.mobile-mode,.layout-container.mobile-mode *{box-sizing:border-box!important}.layout-container.mobile-mode{background:#f8f9fa;padding:12px;overflow-y:auto!important;overflow-x:hidden!important;display:block!important;color:#333;width:100%!important;margin:0!important;position:relative}.layout-container.mobile-mode>.views{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:block!important;height:auto!important;min-height:100%;width:100%!important;margin:0!important}.layout-container.mobile-mode .split,.layout-container.mobile-mode .content{display:block!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important}.layout-container.mobile-mode .view{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:16px;margin-bottom:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden;min-height:200px;height:auto!important;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}[pane-drag]{touch-action:none!important;cursor:grab!important}[pane-drag]:active{cursor:grabbing!important}.layout-container.mobile-mode .view:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a;border-color:#007bff33}.layout-container.mobile-mode .view.dragging-placeholder{opacity:.3!important;pointer-events:none!important;transform:none!important;box-shadow:none!important}.layout-container.mobile-mode .pane{background:transparent;display:flex;flex-direction:column;height:100%}.layout-container.mobile-mode .pane>.header{background:#00000005;border-bottom:1px solid rgba(0,0,0,.05);padding:8px 12px;height:36px!important;font-size:.75rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center;text-transform:none;position:relative}.layout-container.mobile-mode .pane>.header:after{content:"⠿";margin-left:auto;font-size:1rem;color:#ccc;opacity:.6}.layout-container.mobile-mode .pane>.header:before{content:"";width:6px;height:6px;border-radius:50%;background:#007bff;margin-right:10px;box-shadow:0 0 6px #007bff4d}.layout-container.mobile-mode .pane>.content{background:transparent;padding:12px;top:36px!important;font-size:.9rem;color:#444;line-height:1.6;flex:1}.layout-container.mobile-mode .splitter{display:none!important}.layout-container.mobile-mode>.drag.dragging{display:block!important;z-index:3000;pointer-events:none}.layout-container.mobile-mode>.preview{display:block!important;background:#007bff1a;border:2px dashed rgba(0,123,255,.3);z-index:2500;pointer-events:none!important}.layout-container.mobile-mode::-webkit-scrollbar{width:6px}.layout-container.mobile-mode::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.layout-container.mobile-mode::-webkit-scrollbar-track{background:transparent}.pane[data-v-da5bd385]{position:relative;overflow:hidden;flex:1 1 auto;height:100%;width:100%;flex-direction:column}.pane>.header[data-v-da5bd385]{height:40px;padding:10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:initial}.pane>.header[pane-drag][data-v-da5bd385]{cursor:grab;touch-action:none}.pane>.header[pane-drag][data-v-da5bd385]:active{cursor:grabbing}.pane>.content[data-v-da5bd385]{position:absolute;top:40px;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:auto}.layout-container,.split{background:transparent}.layout-container>*{margin:4px;box-sizing:border-box}.layout-container .view{border:solid 1px transparent;transition:all .3s}.layout-container>.preview{background:#9b9b9b66;border:dashed 1px #666;transition:all .3s}.layout-container>.drag{display:block;transform:scale(1) translate(0);transition:transform .3s}.layout-container>.drag.dragging{opacity:.5;box-shadow:0 0 20px 4px #0006;transform:scale(.5) translate(0)}.split>.splitter{flex-basis:8px;position:relative;background:transparent;transition:all .3s}.split.resizeable>.splitter:hover,.split.resizeable.resizing>.splitter{background:#64646466;transition:all .3s}.pane{box-shadow:0 1px 3px #0000004d;overflow:hidden}.pane>.header{text-transform:uppercase;background:#eee;color:#444}.pane>.content{background:#fefefe;padding:10px}*{text-shadow:0 0 1px rgba(0,0,0,.2)}::-moz-focus-inner{border:0}:focus{outline:none}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;height:100vh;background:#f0f2f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}.app{display:flex;flex-direction:column;height:100%}.app .nopane *{background:#fafa9680}.controls{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:transform .4s cubic-bezier(.16,1,.3,1);border-right:1px solid rgba(0,0,0,.05)}.controls.open{transform:translate(0)!important}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#00000005;color:#1a1a1a;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:15px}.nav-header h3{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.close-nav{background:#0000000d;border:none;color:#666;font-size:1.2rem;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.close-nav:hover{background:#0000001a;color:#333}.hamburger{position:fixed;top:15px;right:15px;width:44px;height:44px;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;z-index:2000;box-shadow:0 8px 25px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.16,1,.3,1)}.hamburger span{width:24px;height:2.5px;background:#007bff;border-radius:4px;transition:all .3s cubic-bezier(.16,1,.3,1)}.hamburger:hover{transform:translateY(-2px);box-shadow:0 12px 30px #007bff26}.nav-open .hamburger{background:transparent;box-shadow:none;border-color:transparent}.nav-open .hamburger span{background:#333}.nav-open .hamburger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-open .hamburger span:nth-child(2){opacity:0}.nav-open .hamburger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}@media (max-width: 767px){.controls{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85%;transform:translate(-105%);flex-direction:column;padding-top:0;box-shadow:20px 0 50px #0000001a;visibility:hidden}.controls button{margin:6px 16px;text-align:left;width:calc(100% - 32px);background:#fff;color:#444;border:1px solid rgba(0,0,0,.05);border-radius:10px;font-weight:500;padding:12px 16px;box-shadow:0 2px 8px #00000005}.controls button.active{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 4px 12px #007bff33}.controls button.active:after{background:#fff}.controls button:hover:not(.active){background:#f8f9fa;border-color:#007bff33}.controls.open{visibility:visible;transform:translate(0)!important}.app:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:950;opacity:0;pointer-events:none;transition:opacity .4s ease}.app.nav-open:after{opacity:1;pointer-events:auto}}.controls button{position:relative;cursor:pointer;padding:10px 20px;margin:8px;color:#444;outline:none;border:1px solid rgba(0,0,0,.05);border-radius:8px;background:#00000008;transition:all .3s cubic-bezier(.16,1,.3,1);font-weight:500}.controls button.active{background:#007bff;color:#fff;border-color:#007bff;box-shadow:0 4px 12px #007bff33}.controls button:hover:not(.active){background:#0000000f;border-color:#007bff33}.controls button:after{position:absolute;border-radius:30px;left:50%;right:50%;bottom:5px;height:2px;content:" ";background:#fff;opacity:0;transition:all .3s}.controls button.active:after{left:30%;right:30%;opacity:1}.layout-container>.drag.dragging{z-index:20;cursor:move}.split.resizeable>.splitter:after{position:absolute;content:" ";z-index:10;transition:all .3s;top:-8px;right:-8px;bottom:-8px;left:-8px}.extra .layout-container,.split{background:#ddd}.extra .layout-container>.views{margin:8px}.extra .layout-container .view{border:solid 1px transparent;transition:all .3s}.extra .layout-container.edit .view{border:dotted 1px rgba(100,100,100,.4)}.extra .layout-container>.preview{background:#0003;border:dashed 1px #666;transition:all .3s;padding:0;margin:0}.extra .layout-container>.drag{display:block;opacity:0;transform:scale(1)}.extra .layout-container>.drag.dragging{opacity:.7;box-shadow:0 0 10px 2px #0006;transform:scale(.5);transition:transform .3s}.extra .layout-container>.drag *{pointer-events:none!important}.extra .split>.splitter{flex-basis:6px;position:relative;background:transparent;transition:all .3s}.extra .split.resizeable>.splitter{background:#64646433}.extra .split.resizeable>.splitter:after{top:0;right:0;bottom:0;left:0}.extra .split.resizeable.horizontal>.splitter:after{right:-6px;left:-6px}.extra .split.resizeable.vertical>.splitter:after{top:-6px;bottom:-6px}.extra .split.resizeable.resizing>.splitter:after,.extra .split.resizeable>.splitter:hover:after{background:#9b9b9b80}.extra .pane{box-shadow:0 1px 3px #0000004d;overflow:hidden}.extra .pane>.header{text-transform:uppercase;background:#eee;color:#444}.extra .pane>.content{background:#fefefe;padding:10px}.custom-drag{height:100%;background:#eee;padding:20px}.drag-handle{background:#fff;padding:20px;border:solid 1px #f99}.pane-body[data-v-aaf58e13]{display:flex;flex-direction:column;gap:8px;padding:8px}.close-btn[data-v-aaf58e13]{align-self:flex-start;padding:4px 10px;background:#c83c3cd9;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;pointer-events:initial}.close-btn[data-v-aaf58e13]:hover{background:#c83c3c}