@charset "UTF-8";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.szh-menu{margin:0;padding:0;list-style:none;box-sizing:border-box;width:max-content;z-index:100;border:1px solid rgba(0,0,0,.1);background-color:#fff}.szh-menu:focus{outline:none}.szh-menu__arrow{box-sizing:border-box;width:.75rem;height:.75rem;background-color:#fff;border:1px solid transparent;border-left-color:#0000001a;border-top-color:#0000001a;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translate(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translate(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{cursor:default;background-color:inherit}.szh-menu__item--disabled{cursor:default;color:#aaa}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{margin:0;padding:0;list-style:none}.szh-menu__divider{height:1px;margin:.5rem 0;background-color:#0000001f}.szh-menu-button{box-sizing:border-box}.szh-menu{user-select:none;color:#212529;border:none;border-radius:.25rem;box-shadow:0 3px 7px #0002,0 .6px 2px #0000001a;min-width:10rem;padding:.5rem 0}.szh-menu__item{display:flex;align-items:center;position:relative;padding:.375rem 1.5rem}.szh-menu-container--itemTransition .szh-menu__item{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"\25cb";position:absolute;left:.8rem;top:.55rem;font-size:.8rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"\25cf"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{position:absolute;left:.8rem}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"\2714"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"\276f";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;background:#f6f7f9;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.pc-canvas-zone,.pc-canvas-preview,.pc-canvas-summary{box-sizing:border-box;color:#111827;font-family:inherit}.pc-canvas-stage-after{align-self:auto;background:transparent;border:0;display:flex;flex:0 0 auto;justify-content:flex-start;left:10px;min-height:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:34}.pc-canvas-object{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.82),rgba(232,225,212,.34) 42%,transparent 66%),linear-gradient(180deg,#f5f1e8 0%,#ebe4d7 100%);color:#111827;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;padding:12px;position:relative;width:100%}.pc-canvas-object__bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-bottom:10px}.pc-canvas-object__status{background:#ffffff;border:1px solid #d7dee8;border-radius:8px;color:#475569;font-size:12px;font-weight:800;line-height:28px;padding:0 10px}.pc-canvas-object__stage{aspect-ratio:var(--pc-canvas-object-aspect, .8);justify-self:center;max-height:100%;max-width:100%;min-height:0;min-width:0;position:relative;width:min(100%,calc((100vh - 190px) * var(--pc-canvas-object-aspect, .8)))}.pc-canvas-object__shell{display:grid;filter:drop-shadow(0 28px 42px rgba(15,23,42,.18));grid-template-columns:var(--pc-canvas-wrap-left, 12%) minmax(0,1fr) var(--pc-canvas-wrap-right, 12%);grid-template-rows:var(--pc-canvas-wrap-top, 12%) minmax(0,1fr) var(--pc-canvas-wrap-bottom, 12%);height:100%;min-height:0;width:100%}.pc-canvas-object__layout-dock{left:calc(100% + 14px);pointer-events:auto;position:absolute;right:auto;top:50%;transform:translateY(-50%);z-index:7}.pc-canvas-object__piece{align-items:center;background-color:#d8e3ee;background-image:linear-gradient(135deg,rgba(255,255,255,.62),rgba(71,85,105,.14));border:1px solid #b8c5d4;color:#475569;display:flex;font-size:10px;font-weight:800;justify-content:center;letter-spacing:0;line-height:1.2;overflow:hidden;padding:4px;text-align:center}.pc-canvas-object__piece--top{background-image:linear-gradient(180deg,#f8fbff 0%,#d8e3ee 100%)}.pc-canvas-object__piece--bottom{background-image:linear-gradient(180deg,#cbd8e6 0%,#eef4fa 100%)}.pc-canvas-object__piece--left{background-image:linear-gradient(90deg,#eef4fa 0%,#cbd8e6 100%)}.pc-canvas-object__piece--right{background-image:linear-gradient(90deg,#cbd8e6 0%,#eef4fa 100%)}.pc-canvas-object__piece--corner{background-image:linear-gradient(135deg,#edf4fa 0%,#cbd8e6 100%)}.pc-canvas-object--image_wrap .pc-canvas-object__piece,.pc-canvas-object--mirror .pc-canvas-object__piece,.pc-canvas-object--blurred_mirror .pc-canvas-object__piece{background-image:repeating-linear-gradient(135deg,rgba(37,99,235,.08) 0 8px,rgba(124,58,237,.08) 8px 16px),linear-gradient(135deg,rgba(255,255,255,.64),rgba(71,85,105,.13))}.pc-canvas-object--solid_color .pc-canvas-object__piece{background-color:var(--pc-canvas-object-edge-color, #e1e8f0)}.pc-canvas-object--ready .pc-canvas-object__piece,.pc-canvas-object--stale .pc-canvas-object__piece{background-image:var(--pc-canvas-object-texture),linear-gradient(135deg,rgba(255,255,255,.42),rgba(71,85,105,.08));background-position:center;background-size:cover}.pc-canvas-object__piece--left,.pc-canvas-object__piece--right{writing-mode:vertical-rl}.pc-canvas-object__piece--left{transform:rotate(180deg)}.pc-canvas-object__face{background:transparent;border:0;box-shadow:none;min-height:0;min-width:0;overflow:hidden;position:relative}.pc-canvas-object__texture{height:100%;inset:0;object-fit:cover;opacity:.14;pointer-events:none;position:absolute;width:100%;z-index:0}.pc-canvas-object__face>:not(.pc-canvas-object__texture){height:100%;min-height:0;position:relative;width:100%;z-index:1}.pc-canvas-mode .pc-canvas-object__face .scrollbar-container,.pc-canvas-mode .pc-canvas-object__face .ps{overflow:hidden!important}.pc-canvas-mode .pc-canvas-object__face .ps__rail-x,.pc-canvas-mode .pc-canvas-object__face .ps__rail-y{display:none!important}.pc-canvas-side-panel{align-items:flex-end;display:grid;flex:0 0 auto;justify-items:end;pointer-events:none;position:fixed;right:176px;top:5px;z-index:10002}.pc-canvas-side-panel .pc-canvas-summary{align-self:flex-start;max-width:none;width:100%}.pc-canvas-side-panel__toggle,.pc-canvas-side-panel__popover,.pc-canvas-side-panel__close{pointer-events:auto}.pc-canvas-side-panel__toggle{align-items:center;background:rgba(255,255,255,.96);border:1px solid #d7dee8;border-radius:8px;box-shadow:0 12px 30px #0f172a24;color:#111827;display:inline-flex;gap:12px;line-height:1.15;min-height:38px;padding:8px 12px}.pc-canvas-side-panel__notice{background:#ecfdf5;border:1px solid #86efac;border-radius:8px;box-shadow:0 10px 26px #0f172a24;color:#166534;font-size:12px;font-weight:800;margin-bottom:6px;padding:8px 10px;pointer-events:auto}.pc-canvas-side-panel__toggle span,.pc-canvas-side-panel__header span{color:#475569;display:block;font-size:12px;font-weight:700}.pc-canvas-side-panel__toggle strong,.pc-canvas-side-panel__header strong{color:#111827;display:block;font-size:13px;font-weight:900}.pc-canvas-side-panel__toggle strong span{color:#64748b;font-size:10px;font-weight:800;line-height:1}.pc-canvas-side-panel__popover{background:rgba(248,250,252,.98);border:1px solid #d7dee8;border-radius:8px;box-shadow:0 18px 50px #0f172a38;max-height:calc(100vh - 70px);overflow-y:auto;padding:10px;width:min(320px,calc(100vw - 32px))}.pc-canvas-side-panel__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:0 4px 8px;padding:0 0 8px}.pc-canvas-side-panel__close{align-items:center;background:#ffffff;border:1px solid #d7dee8;border-radius:8px;color:#475569;display:inline-flex;font-size:14px;font-weight:900;height:32px;justify-content:center;width:32px}.pc-canvas-side-wrap__option[aria-pressed=true]{background:#0f766e}.pc-canvas-side-wrap__selected{background:rgba(255,255,255,.92);border-radius:999px;color:#0f766e;font-size:10px;font-weight:900;padding:2px 6px}.pc-canvas-stage-controls{align-items:stretch;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;justify-content:flex-start;max-width:136px;padding:0;pointer-events:auto;width:136px}.pc-canvas-size-pill,.pc-canvas-depth-pills{align-items:center;backdrop-filter:blur(10px);background:rgba(255,255,255,.78);border:1px solid #d7dee8;border-radius:8px;box-shadow:0 1px 2px #0f172a14;display:inline-flex;min-height:36px;padding:3px}.pc-canvas-size-pill{gap:8px;padding:0 10px}.pc-canvas-size-pill span,.pc-canvas-size-pill strong{font-size:12px;line-height:1}.pc-canvas-size-pill span{color:#111827;font-weight:800}.pc-canvas-size-pill strong{color:#64748b;font-weight:700;text-transform:capitalize}.pc-canvas-depth-pills button,.pc-canvas-render-button{border:0;border-radius:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;min-height:28px}.pc-canvas-depth-pills button{background:transparent;color:#475569;padding:0 9px}.pc-canvas-depth-pills button[aria-pressed=true]{background:#2563eb;color:#fff}.pc-canvas-render-button{backdrop-filter:blur(10px);background:rgba(17,24,39,.9);color:#fff;line-height:1.1;min-height:34px;padding:0 10px;white-space:normal}.pc-canvas-render-button:disabled{background:#cbd5e1;color:#475569;cursor:not-allowed}.pc-canvas-render-note{backdrop-filter:blur(10px);background:rgba(248,250,252,.78);border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;font-weight:700;line-height:28px;padding:0 8px;white-space:nowrap}.pc-canvas-footer-toolbar{align-items:center;bottom:10px;display:flex;justify-content:center;left:calc(50% + 180px);pointer-events:none;position:fixed;transform:translate(-50%);z-index:10001}.pc-canvas-footer-toolbar .canvas-view-toolbar{background:rgba(255,255,255,.24)!important;border:1px solid rgba(203,213,225,.42)!important;box-shadow:none!important;bottom:auto!important;left:auto!important;pointer-events:auto;position:relative!important;transform:none!important}.pc-canvas-zone *,.pc-canvas-preview *,.pc-canvas-summary *{box-sizing:border-box}.pc-canvas-segment,.pc-canvas-layouts{background:#eef2f7;border:1px solid #d7dee8;border-radius:8px;display:inline-flex;gap:2px;padding:3px}.pc-canvas-segment button,.pc-canvas-layouts button,.pc-canvas-preview__error button,.pc-canvas-summary__cta{border:0;border-radius:6px;cursor:pointer;font:inherit}.pc-canvas-segment button,.pc-canvas-layouts button{background:transparent;color:#374151;font-size:12px;font-weight:600;min-height:28px;padding:0 10px}.pc-canvas-mode .designArea,.pc-canvas-mode .design-area,.pc-canvas-mode .wrap-design-area{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.9),rgba(245,241,232,.72) 46%,rgba(222,211,193,.72) 100%),#eee6d7!important}.pc-canvas-mode .designAreaWrap{background:#eee6d7}.pc-canvas-upload-hotspot{align-items:center;background:transparent;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:9}.pc-canvas-upload-hotspot__card{background:rgba(255,255,255,.24);border:1px solid rgba(203,213,225,.46);border-radius:8px;box-shadow:0 8px 22px #0f172a0a;max-width:260px;opacity:.28;padding:12px;pointer-events:auto;text-align:center;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease,background .14s ease}.pc-canvas-upload-hotspot.is-active .pc-canvas-upload-hotspot__card,.pc-canvas-upload-hotspot:focus-within .pc-canvas-upload-hotspot__card{background:rgba(255,255,255,.84);box-shadow:0 14px 34px #0f172a1f;opacity:1;transform:translateY(0)}.pc-canvas-zone__board{aspect-ratio:calc(var(--pc-canvas-aspect, .8) + (var(--pc-canvas-wrap, 12%) * 2)) / calc(1 + (var(--pc-canvas-wrap, 12%) * 2));background:#dfe6ef;border:1px solid #c7d2df;display:grid;grid-template-columns:var(--pc-canvas-wrap, 12%) 1fr var(--pc-canvas-wrap, 12%);grid-template-rows:var(--pc-canvas-wrap, 12%) 1fr var(--pc-canvas-wrap, 12%);min-height:280px;overflow:hidden;width:100%}.pc-canvas-piece{align-items:center;color:#526173;display:flex;font-size:11px;font-weight:700;justify-content:center;line-height:1.2;padding:6px;text-align:center;text-transform:uppercase}.pc-canvas-piece--left,.pc-canvas-piece--right{writing-mode:vertical-rl}.pc-canvas-face{background:#ffffff;border:2px solid #8aa0b6;display:grid;min-height:0;padding:8%;place-items:center;position:relative}.pc-canvas-trim{border:1px solid #f97316;color:#c2410c;font-size:11px;font-weight:700;padding:5px}.pc-canvas-safe{align-items:flex-start;border:1px dashed #2563eb;color:#1d4ed8;display:flex;font-size:11px;font-weight:700;justify-content:flex-end;margin:9%;padding:5px}.pc-canvas-face__label{align-items:center;color:#111827;display:grid;font-size:18px;font-weight:700;gap:4px;justify-items:center;line-height:1.15;position:relative;text-align:center;z-index:1}.pc-canvas-back-guides{border-top:1px dashed #94a3b8;bottom:14%;color:#475569;display:flex;font-size:11px;gap:8px;justify-content:space-between;left:14%;padding-top:8px;position:absolute;right:14%}.pc-canvas-preview,.pc-canvas-summary{background:#ffffff;border:1px solid #d7dee8;border-radius:8px;box-shadow:0 1px 2px #0f172a0f}.pc-canvas-preview{display:grid;gap:8px;max-width:260px;padding:10px;width:260px}.pc-canvas-preview__header{align-items:center;display:flex;justify-content:space-between}.pc-canvas-preview__header h3,.pc-canvas-summary__header h2{font-size:13px;line-height:1.25;margin:0}.pc-canvas-preview__header span{color:#64748b;font-size:12px;font-weight:700}.pc-canvas-preview__image,.pc-canvas-preview__state,.pc-canvas-preview__error{align-items:center;aspect-ratio:4 / 3;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:center;min-height:92px;width:100%}.pc-canvas-preview__image{object-fit:cover}.pc-canvas-preview__state{color:#64748b;font-size:13px;font-weight:600;padding:16px;text-align:center}.pc-canvas-preview__error{align-content:center;display:grid;gap:10px;justify-items:center;padding:16px}.pc-canvas-preview__error p{color:#991b1b;font-size:13px;font-weight:600;margin:0;text-align:center}.pc-canvas-preview__error button{background:#111827;color:#fff;min-height:32px;padding:0 12px}.pc-canvas-preview__error button:disabled{background:#cbd5e1;cursor:not-allowed}.pc-canvas-summary{display:grid;gap:12px;max-width:340px;padding:14px}.pc-canvas-summary__header{align-items:center;display:grid;gap:10px;grid-template-columns:58px 1fr}.pc-canvas-summary__header p{color:#64748b;font-size:12px;font-weight:600;margin:3px 0 0}.pc-canvas-summary__thumb{aspect-ratio:1;background:#edf2f7;border:1px solid #d7dee8;border-radius:6px;object-fit:cover;width:58px}.pc-canvas-summary__options,.pc-canvas-summary__prices{display:grid;gap:7px;margin:0}.pc-canvas-summary__options div,.pc-canvas-summary__prices div,.pc-canvas-summary__total{align-items:start;display:flex;gap:10px;justify-content:space-between}.pc-canvas-summary__options dt,.pc-canvas-summary__prices span,.pc-canvas-summary__total span{color:#64748b;font-size:12px}.pc-canvas-summary__options dd,.pc-canvas-summary__prices strong,.pc-canvas-summary__total strong{color:#111827;font-size:12px;font-weight:700;margin:0;text-align:right}.pc-canvas-summary__prices{border-top:1px solid #e2e8f0;padding-top:10px}.pc-canvas-summary__total{border-top:1px solid #e2e8f0;padding-top:12px}.pc-canvas-summary__total strong{font-size:18px}.pc-canvas-summary__status{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;color:#9a3412;display:grid;font-size:12px;font-weight:700;gap:4px;line-height:1.35;padding:8px 10px}.pc-canvas-summary__cta{background:#111827;color:#fff;font-size:14px;font-weight:800;min-height:42px;width:100%}.pc-canvas-summary__cta:disabled{background:#cbd5e1;cursor:not-allowed}@media (max-width: 640px){.pc-canvas-stage-after{left:8px;min-height:0;padding:0;top:50%}.pc-canvas-object{padding:8px}.pc-canvas-object__stage{aspect-ratio:auto;display:grid;gap:8px;justify-items:center;min-width:0;width:100%}.pc-canvas-object__shell{aspect-ratio:var(--pc-canvas-object-aspect, .8);height:auto;min-width:0;width:100%}.pc-canvas-object__layout-dock[data-canvas-mobile-placement=below-object]{justify-self:center;left:auto;max-width:100%;position:relative;right:auto;top:auto;transform:none}.pc-canvas-object__layout-dock[data-canvas-mobile-placement=below-object] .pc-canvas-layout-picker{flex-direction:row;flex-wrap:wrap;justify-content:center}.pc-canvas-object__piece{font-size:9px;padding:3px}.pc-canvas-side-panel{bottom:12px;left:12px;right:12px;top:auto;z-index:50}.pc-canvas-side-panel__toggle{justify-content:space-between;width:100%}.pc-canvas-side-panel__popover{max-height:52vh;width:100%}.pc-canvas-object__layout-dock .pc-canvas-layout-picker button{min-width:44px;padding:0 6px}.pc-canvas-stage-controls{align-items:stretch;flex-direction:column;width:auto}.pc-canvas-footer-toolbar{bottom:76px;left:50%;max-width:calc(100vw - 24px)}.pc-canvas-preview,.pc-canvas-summary{max-width:none;width:100%}.pc-canvas-zone--slot{top:8px;width:calc(100vw - 24px)}.pc-canvas-zone__board{min-height:220px}.pc-canvas-piece{font-size:9px;padding:4px}.pc-canvas-layouts{width:100%}.pc-canvas-layouts button{flex:1;padding:0 6px}}.pc-canvas-options__color{background:#ffffff;cursor:pointer;height:38px;padding:4px}.pc-canvas-options__errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}.pc-canvas-options__fieldset{border:0;margin:0;min-inline-size:0;padding:0}.pc-canvas-options__readiness{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;color:#9a3412;font-size:13px;font-weight:700;padding:10px 12px}.pc-canvas-zone--slot{left:50%;pointer-events:none;position:absolute;top:12px;transform:translate(-50%);width:clamp(280px,calc(100vw - 520px),760px);z-index:8}.pc-canvas-zone--slot .pc-canvas-zone__toolbar{pointer-events:auto}.pc-canvas-zone{display:grid;gap:10px;width:100%;max-width:760px}.pc-canvas-zone__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pc-canvas-segment,.pc-canvas-layouts{background:rgba(238,242,247,.96);border:1px solid #d7dee8;border-radius:8px;display:inline-flex;gap:2px;padding:3px}.pc-canvas-segment button,.pc-canvas-layouts button{background:transparent;border:0;border-radius:6px;color:#374151;cursor:pointer;font:inherit;font-size:12px;font-weight:600;min-height:28px;padding:0 10px}.pc-canvas-segment button:hover,.pc-canvas-layouts button:hover{background:#f8fafc;color:#111827}.pc-canvas-segment button[aria-pressed=true],.pc-canvas-layouts button[aria-pressed=true]{background:#ffffff;box-shadow:0 1px 2px #1118271f;color:#111827}.pc-canvas-zone__board{aspect-ratio:var(--pc-canvas-aspect, .8);background:#dfe6ef;border:1px solid #c7d2df;display:grid;grid-template-columns:var(--pc-canvas-wrap, 12%) 1fr var(--pc-canvas-wrap, 12%);grid-template-rows:var(--pc-canvas-wrap, 12%) 1fr var(--pc-canvas-wrap, 12%);min-height:280px;overflow:hidden;width:100%}.pc-canvas-production-guides{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:5}.pc-canvas-production-guides__label{background:rgba(255,255,255,.88);border:1px solid rgba(37,99,235,.22);border-radius:4px;color:#1d4ed8;font-size:10px;font-weight:800;line-height:1.15;max-width:min(260px,42vw);padding:4px 7px;position:absolute;text-align:center;white-space:nowrap}.pc-canvas-production-guides__label--safe-zone{background:#12b886;border-color:#12b886;color:#fff}.pc-canvas-production-guides__label--depth{background:#7c3aed;border-color:#7c3aed;color:#fff}.pc-canvas-production-guides__label--hardware,.pc-canvas-production-guides__label--production{border-color:#47556959;color:#334155}.pc-canvas-layout-picker{background:rgba(255,255,255,.96);border:1px solid #d7dee8;border-radius:8px;box-shadow:0 8px 26px #0f172a1f;display:inline-flex;gap:3px;padding:4px}.pc-canvas-layout-picker button{align-items:center;background:transparent;border:0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:800;gap:6px;min-height:34px;padding:0 9px}.pc-canvas-layout-picker button:hover:not(:disabled){background:#f8fafc;color:#111827}.pc-canvas-layout-picker button[aria-pressed=true]{background:#2563eb;color:#fff}.pc-canvas-object__layout-dock .pc-canvas-layout-picker{flex-direction:column}.pc-canvas-object__layout-dock .pc-canvas-layout-picker button{justify-content:flex-start;min-width:64px}.pc-canvas-layout-picker button:disabled{cursor:not-allowed;opacity:.55}.pc-canvas-layout-picker__icon{border:1px solid currentColor;border-radius:3px;display:grid;gap:2px;grid-template-columns:1fr;height:18px;opacity:.8;padding:2px;width:18px}.pc-canvas-layout-picker__icon span{background:currentColor;border-radius:1px;min-height:2px}.pc-canvas-layout-picker__icon--2up,.pc-canvas-layout-picker__icon--3up{grid-template-columns:repeat(2,1fr)}.pc-canvas-layout-picker__icon--3up{grid-template-columns:repeat(3,1fr)}.pc-canvas-layout-picker__icon--title{grid-template-rows:.35fr 1fr}.pc-canvas-layout-picker__icon--1up span:nth-child(n + 2),.pc-canvas-layout-picker__icon--2up span:nth-child(n + 3),.pc-canvas-layout-picker__icon--title span:nth-child(3){display:none}.pc-canvas-layout-picker__icon--title span:first-child{grid-column:1}.pc-canvas-piece{align-items:center;color:#526173;display:flex;font-size:10px;font-weight:800;gap:4px;justify-content:center;line-height:1.2;padding:6px;text-align:center;text-transform:uppercase}.pc-canvas-piece--wrap{background:repeating-linear-gradient(135deg,#f7fafc 0,#f7fafc 8px,#edf2f7 8px,#edf2f7 16px);border:1px solid #cbd5e1}.pc-canvas-piece--corner{background:#e7edf5;border:1px solid #cbd5e1}.pc-canvas-piece--left,.pc-canvas-piece--right{flex-direction:column;writing-mode:vertical-rl}.pc-canvas-piece--left{transform:rotate(180deg)}.pc-canvas-face{aspect-ratio:var(--pc-canvas-face-aspect, .8);background:#ffffff;border:2px solid #8aa0b6;display:grid;min-height:0;padding:8%;place-items:center;position:relative}.pc-canvas-trim,.pc-canvas-safe{bottom:5%;left:5%;pointer-events:none;position:absolute;right:5%;top:5%}.pc-canvas-trim{border:1px solid #f97316;color:#c2410c;font-size:11px;font-weight:800;padding:5px}.pc-canvas-safe{align-items:flex-start;border:1px dashed #2563eb;color:#1d4ed8;display:flex;font-size:10px;font-weight:800;justify-content:flex-end;margin:9%;padding:5px;text-align:right}.pc-canvas-layout-frame{bottom:14%;left:14%;pointer-events:none;position:absolute;right:14%;top:14%;z-index:1}.pc-canvas-layout-frame__slot{border:1px solid rgba(17,24,39,.28);position:absolute}.pc-canvas-layout-frame__slot--title{background:rgba(37,99,235,.06);border-style:dashed}.pc-canvas-face__label{align-items:center;color:#111827;display:grid;font-size:18px;font-weight:700;gap:4px;justify-items:center;line-height:1.15;position:relative;text-align:center;z-index:2}.pc-canvas-face__label span{color:#64748b;font-size:12px;font-weight:600}.pc-canvas-back-guides{inset:12%;color:#475569;display:grid;font-size:11px;font-weight:700;gap:12px;pointer-events:none;position:absolute}.pc-canvas-back-guides span{align-items:center;border:1px dashed #94a3b8;display:flex;justify-content:center;min-height:42px;padding:8px;text-align:center}.pc-canvas-back-guides__hanger{align-self:start;justify-self:center;width:min(240px,70%)}.pc-canvas-back-guides__production{align-self:end;justify-self:stretch}@media (max-width: 640px){.pc-canvas-zone--slot{top:8px;width:calc(100vw - 24px)}.pc-canvas-zone__board{min-height:220px}.pc-canvas-piece{font-size:9px;padding:4px}.pc-canvas-layouts{width:100%}.pc-canvas-layouts button{flex:1;padding:0 6px}}
