.plan-container[data-v-a2935b8c]{background-color:#f5f5f5}svg[data-v-a2935b8c]{display:block}svg rect[data-v-a2935b8c]{fill:#fff;stroke:#000;stroke-width:1;shape-rendering:crispEdges}svg line[data-v-a2935b8c]{stroke:#000;fill:none;stroke-width:1;shape-rendering:crispEdges}svg .bendline[data-v-a2935b8c]{stroke-width:3;stroke-dasharray:10,6}svg .segline[data-v-a2935b8c]{stroke:#979797;stroke-dasharray:4,4}svg text[data-v-a2935b8c]{text-anchor:middle;font-size:16px;shape-rendering:geometricPrecision}*{padding:0;margin:0;box-sizing:border-box}:root{--controls-width: 300px;--standard-gap: 12px;--options-height: 60px;--main-color: rgba(255, 56, 56, 1);--options-bg-color: rgba(255, 255, 255, 1)}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:flex;gap:12px;width:100vw;height:100vh;overflow:hidden}button{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:0;height:32px;min-width:32px;border:none;outline:none;background-color:var(--main-color);color:#fff;border-radius:4px;padding:12px;cursor:pointer;user-select:none;transition:background-color .15s ease}button:disabled{background-color:gray;cursor:default}.btn-delete{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M10 5h4a2 2 0 1 0-4 0M8.5 5a3.5 3.5 0 1 1 7 0h5.75a.75.75 0 0 1 0 1.5h-1.32l-1.17 12.111A3.75 3.75 0 0 1 15.026 22H8.974a3.75 3.75 0 0 1-3.733-3.389L4.07 6.5H2.75a.75.75 0 0 1 0-1.5zm2 4.75a.75.75 0 0 0-1.5 0v7.5a.75.75 0 0 0 1.5 0zM14.25 9a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75m-7.516 9.467a2.25 2.25 0 0 0 2.24 2.033h6.052a2.25 2.25 0 0 0 2.24-2.033L18.424 6.5H5.576z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.btn-add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M12 7a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7m-9-.75A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v11.5A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75zM6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.784 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75V6.25a1.75 1.75 0 0 0-1.75-1.75z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:3px center;padding-left:34px}.left{position:relative;width:calc(100vw - var(--controls-width) - var(--standard-gap))}.options{position:absolute;display:flex;gap:12px;height:var(--options-height);padding:12px}.canvas{width:calc(100vw - var(--controls-width) - var(--standard-gap));height:100vh;outline:none}.controls-container{width:var(--controls-width);padding-top:12px;padding-right:5px;display:flex;flex-direction:column}.controls-container label{display:block;user-select:none}.controls-container input[type=range]{display:block;width:100%;accent-color:var(--main-color)}.controls-dimensions{background-color:var(--options-bg-color);padding:12px;border-radius:8px;border:1px solid var(--main-color);border-top:4px solid var(--main-color);margin-right:10px}.controls-button-container{padding-top:12px;padding-bottom:12px;display:flex;gap:12px}.controls-points-container{height:100%;overflow-y:scroll}.controls-points-item{background-color:var(--options-bg-color);padding:12px;border-radius:8px;border:1px solid var(--main-color);border-top:4px solid var(--main-color);margin-right:6px;margin-bottom:12px}.controls-points-head-container{display:flex}.controls-head{font-weight:bolder;flex-grow:1;min-height:32px;user-select:none}.camPos{position:absolute;display:flex;gap:12px;top:60px;left:12px;background-color:var(--options-bg-color);padding:6px 12px;border-radius:6px;width:160px;border:1px solid var(--main-color);z-index:10}.plan{position:absolute;top:var(--options-height);width:calc(100vw - var(--controls-width) - var(--standard-gap))}.controls-points-container::-webkit-scrollbar{width:4px;background-color:transparent}.controls-points-container::-webkit-scrollbar-thumb{background-color:#9a9a9ab3;border-radius:2px}.controls-points-container::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}.controls-points-container::-webkit-scrollbar-track{background-color:transparent}.modal-error{position:fixed;width:100%;max-width:400px;z-index:500;left:50%;top:30%;transform:translate(-50%,-50%);border:1px solid var(--main-color);border-radius:8px;overflow:hidden}.modal-error-header{background-color:var(--main-color);color:#fff;font-weight:700;text-align:center;padding:12px}.modal-error-message{background-color:#fff;text-align:center;padding:12px}.modal-error-enter-active{animation:error-shake .5s}.modal-error-leave-active{transition:opacity .5s ease}.modal-error-enter-from,.modal-error-leave-to{opacity:0}@keyframes error-shake{0%{transform:translate(calc(-50% + 30px),-50%)}20%{transform:translate(calc(-50% - 30px),-50%)}40%{transform:translate(calc(-50% + 15px),-50%)}60%{transform:translate(calc(-50% - 15px),-50%)}80%{transform:translate(calc(-50% + 8px),-50%)}to{transform:translate(-50%,-50%)}}