.ai-wrapper{display:flex;flex-direction:column;width:500px;gap:1rem;padding:10px;border-radius:12px;border:1px solid rgba(155,155,155,.388);box-shadow:0 4px 14px #0000001a}.ai-header{display:flex;flex-direction:row}.ai-footer{display:flex;flex-direction:row;justify-content:space-between}.ai-footer .left,.ai-footer .right{gap:1rem}.logo-ai{height:1.8rem;width:1.8rem;border-radius:5px;display:block}.ai-add-btn{border-radius:12px;padding:.4em .6em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid rgba(155,155,155,.388)}.ai-add-btn:focus{outline:none;box-shadow:none}.popover-container{position:relative;width:120px}.popover-container button{background:none;outline:none}.option-inside{position:absolute;bottom:100%;left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.3rem 0;box-shadow:0 4px 14px #0000001a;z-index:50}.option-btn{display:flex;gap:.5rem;border-radius:12px;padding:.8em;font-size:.875em;font-weight:500;align-items:center;cursor:pointer;border:1px solid rgba(155,155,155,.388)}.option-btn-inside{display:flex;font-family:inherit;align-items:center;cursor:pointer;border:none}.option-btn-inside .lable{font-size:.8em;font-weight:500;padding-left:2px}.option-btn-inside .status{font-size:.5em;font-weight:400;padding-left:5px;color:#e9967a}.chip-btn{display:flex;gap:.5rem;border-radius:0;padding:.8em;font-size:.875em;font-weight:500;font-family:inherit;align-items:center;cursor:pointer;background:none;border:none}.option-btn-inside{outline:none;box-shadow:none}.chip-btn:focus{outline:none;box-shadow:none}@media (prefers-color-scheme: dark){.option-inside{background-color:#242424;border:1px solid rgba(155,155,155,.388)}.ai-add-btn:hover,.option-btn:hover{border:1px solid rgb(235,235,235)}}#root{height:100%;width:100%;margin:0 auto;padding:0;text-align:center}.card{padding:2em}.read-the-docs{color:#888}.page-container{height:100vh;width:100%;overflow:hidden}.header-wrapper{display:flex;justify-content:space-between;padding:1rem;align-items:center;align-self:center}.main-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem;align-items:center;align-self:center}.null-wrapper{display:flex;flex-direction:column;position:fixed;bottom:4rem;right:30rem;padding:1rem;align-items:center;align-self:center}.logo-wrapper{display:flex;align-items:center;align-self:center}.logo-home{height:1.5rem;width:1.5rem;margin-top:.1em;margin-left:0;padding:.05rem 0rem;border-radius:5px;display:block;will-change:filter;transition:filter .3s}.logo-home:hover{filter:drop-shadow(0 0 2em #87ceeb)}.logo-home.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo-home{animation:logo-spin infinite 20s linear}}.profile-wrapper{display:flex;align-items:center;align-self:center}.profile-icon{border-radius:50%;object-fit:cover;width:2rem;height:2rem;filter:none;transition:filter .3s}.profile-icon:hover{filter:drop-shadow(0 0 2em #87ceeb)}.profile-icon.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.edit-container{display:flex;flex-direction:row;height:100vh;width:100%;justify-content:space-between;overflow:hidden}@media (prefers-color-scheme: light){.edit-container{background:#f6f6f7}}.main-edit{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px;gap:.5rem}.canvas-area{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.editor-stage-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.editor-stage-wrapper{display:inline-block;will-change:transform;cursor:grab;touch-action:none}.editor-stage-wrapper.dragging{cursor:grabbing}.editor-stage{position:relative;overflow:hidden;border:1px solid #c8c7c763;box-shadow:0 2px 6px #00000014;background:#fff}.text-box{display:flex}.edit-container .top{display:flex;flex-direction:row;top:.3rem;justify-content:space-between;width:500px;height:30px;border-radius:18px;padding:10px;border:1px solid #c8c7c763;box-shadow:0 2px 6px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-self:center}.edit-container .left{display:flex;flex-direction:column;justify-content:space-between;width:200px;height:94%;border-radius:15px;padding:10px;border:1px solid #c8c7c763;box-shadow:0 2px 6px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-self:center;margin-left:.5rem}.left.close{width:50px!important;align-items:center;align-content:center}.edit-container .right{display:flex;flex-direction:column;justify-content:space-between;width:200px;height:94vh;border-radius:15px;padding:10px;border:1px solid #c8c7c763;box-shadow:0 2px 6px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-self:center;margin-right:.5rem;overflow:hidden}.right.close{width:50px!important;align-items:center;align-content:center}.edit-container .header{display:flex;flex-direction:row;justify-content:space-between;height:3.6%}.header.close{align-items:center;align-content:center;flex-direction:column}.share-btn{height:30px;background-color:#87ceeb;border-radius:10px;padding:.4em .6em;font-size:.875em;font-weight:600;color:#fff;cursor:pointer;border:1px solid rgba(155,155,155,.388)}.share-btn.close{width:30px;background:none;border:none;border-radius:0;padding:0;margin:0;opacity:1;transform:scale(.9);will-change:filter;transition:filter .3s;filter:brightness(0) saturate(100%) invert(0)}.share-btn.close img{width:1.5rem;height:1.5rem}.share-btn:focus{outline:none;box-shadow:none}.left,.right{transition:width .3s ease,padding .3s ease,background-color .2s ease}.left.close,.right.close{width:30px;padding:5px}.header,.share-btn,.tools,.properties{transition:opacity .25s ease,transform .25s ease}.tool-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:#9b9b9b;border:none;cursor:pointer;transition:background .2s,color .2s}.tool-btn:focus{outline:none}.tool-btn:hover{background:#ffffff14;color:#000}.tool-btn.active{background:#87ceeb;color:#fff}.zoom-controls{display:flex;align-items:center;gap:.5rem}.history-controls{display:flex;flex-direction:row}.layers{height:100%;overflow-y:auto}.properties{flex:1;overflow:hidden}.quick-actions-overlay{display:flex;position:fixed;top:0;left:0;transform:translate(30%,-120%);gap:.5rem;background-color:#000;border-radius:8px;z-index:9999}.quick-actions-overlay button{display:flex;background:transparent;color:#fff;border:none;cursor:pointer;transition:background .2s,color .2s}.quick-actions-overlay button:focus{outline:none}@media (prefers-color-scheme: dark){.edit-container .top,.edit-container .right,.edit-container .left{border:1px solid #9b9b9b63}.share-btn.close{filter:brightness(0) saturate(100%) invert(1)}.tool-btn:hover{background:#ffffff14;color:#fff}}.layers-panel h3{text-align:start;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#555}.layers-panel ul{list-style:none;margin:0;padding:0}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;border-radius:6px;background:#fff;border:1px solid #ddd;cursor:pointer;transition:background .2s}.layer-item:hover{background:#f0f0f0}.layer-item span{font-size:.85rem;color:#333}.layer-actions button{margin-left:4px;padding:2px 6px;font-size:.7rem;border:none;background:#eaeaea;border-radius:4px;cursor:pointer}.layer-actions button:hover{background:#dcdcdc}.preset-list{display:flex;flex-direction:column;gap:.5rem}.add-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:0;height:35px;font-size:.875em;font-weight:600;background-color:#87ceeb;border:none;border-radius:10px!important;margin-top:.8rem}.add-btn .close{width:50px!important}.add-btn:focus{outline:none;border:none}.text-box-btn{display:flex;align-items:start;justify-content:start;border-radius:10px!important;background-color:#757575;color:#fff;border:none;cursor:pointer;transition:background .2s,color .2s}.text-box-btn:focus{outline:none}.color-list{display:flex;flex-direction:column;gap:.5rem}.font-dropdown{position:relative;width:100%}.font-dropdown-btn{width:100%;padding:8px;border:1px solid #ddd;background:#fff;text-align:left;cursor:pointer}.font-dropdown-list{position:sticky;max-height:200px;overflow-y:auto;border:1px solid #ddd;background:#fff;z-index:100}.font-dropdown-item{padding:8px;cursor:pointer}.font-dropdown-item:hover{background:#7e7e7ee0}@media (prefers-color-scheme: dark){.font-dropdown-list,.font-dropdown-btn{background:#2c2c2c}}.properties-scroll{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:block}.properties-scroll .close{width:50px!important}.properties-panel{display:flex;flex-direction:column;justify-content:center;height:100%}.properties-panel .close{width:50px!important}.properties-panel h3{text-align:start;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#555}.properties-panel h4{text-align:start;font-size:.8rem;font-weight:500;margin-top:.5rem;margin-bottom:.5rem;color:#666}.properties-panel .close h4{margin-top:.5rem;margin-bottom:0}.properties-panel label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin:.4rem 0}.properties .section{display:flex;flex-direction:column;margin-bottom:.5rem}.properties .section.close{align-content:center;margin-bottom:0;gap:.5rem}.properties input[type=range]{flex:1;margin-left:8px;accent-color:#87ceeb}.properties input[type=color],.properties input[type=number],.properties input[type=checkbox]{margin-left:8px}.properties .section.close input[type=color],.properties .section.close input[type=number],.properties .section.close input[type=checkbox]{margin:0;gap:0}.properties .section input,.properties .section button{border-radius:6px}.properties .section.row{display:flex;flex-direction:row;gap:.5rem}.properties input[type=number],.properties .section select{padding:.5rem;border:1px solid #ccc;border-radius:6px}.properties .section.close input[type=number],.properties .section.close select{margin:0}.properties .section select:focus{outline:none}.toggle{padding:.3rem .6rem;border-radius:6px;border:1px solid #ccc;cursor:pointer;text-transform:uppercase}.toggle.active{background:#87ceeb;border-color:#87ceeb;color:#fff}.search-bar{display:flex;align-items:center;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .75rem;margin-top:10px;top:0;z-index:10;box-shadow:0 1px 4px #0000000d;border:1px solid #ddd}.search-input{background:transparent;border:none;outline:none;width:100%;color:#000}.search-icon{padding:.3em;filter:brightness(0) saturate(100%) invert(0)}