html,body{margin:0;font-family:Nunito,sans-serif;color:#5e6278;font-size:14px}html,body{overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;word-break:break-word;margin:0;display:flex;flex-direction:column;height:unset;overscroll-behavior:none}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none;font-family:inherit}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;outline:none}*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button,[role=button]{cursor:pointer}table{border-collapse:collapse}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit;font-family:inherit}pre,code,kbd,samp{font-family:Menlo,Monaco,Consolas,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}#root{min-height:100vh;min-width:100vw}:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--black: #000000;--shadow-md: 0px 0px 0px 1px rgba(64, 87, 109, .04), 0px 6px 20px -12px rgba(64, 87, 109, .3);--shadow-xl: 0 0 0 1px rgba(64, 87, 109, .07), 0 2px 12px rgba(53, 71, 90, .2);--px-1: 4px;--px-2: 8px;--px-3: 12px;--px-4: 16px;--px-5: 20px;--px-6: 24px;--px-7: 28px;--px-8: 32px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .4s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;box-sizing:border-box}.spinner-blue{border:2px solid #e5e7eb;border-top-color:#3b82f6}.spin-slow{animation-duration:2s}.spin-fast{animation-duration:.5s}.spin-paused{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f3f3f3 25%,#ecebeb,#f3f3f3 75%);background-size:200% 100%;animation:shine 1.5s infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.slide-in-left{animation:slideInLeft .3s ease forwards}.slide-out-left{animation:slideOutLeft .3s ease forwards}.layer-context-menu__item svg{width:24px;height:24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-self:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.overflow-x-auto{overflow-x:auto}.hidden{display:none}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.contents{display:contents}.fade-out{opacity:0}.fade-in{opacity:1}.mx-auto{margin-left:auto;margin-right:auto}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.grid-cols-12{display:grid;grid-template-columns:repeat(12,1fr)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.p-4{padding:var(--px-4)}.px-4{padding-left:16px;padding-right:16px}.h-auto{height:auto!important}.h-fit{height:fit-content!important}.w-fit{width:fit-content!important}.block{display:block}.no-padding{padding:0!important}.no-scroll{overflow:hidden!important}.mb-2{margin-bottom:8px}.justify-between{justify-content:space-between}.form-input{margin-top:.25rem;width:100%;padding:10px;line-height:17px;border:1px solid #d1d5db;border-radius:8px;height:46px}.form-label{font-weight:700;color:#374151}.form-input-file{margin-top:.25rem;width:100%;padding:40px 0;line-height:17px;border:1px #067eff;border-radius:.375rem;display:block;border-style:dashed;cursor:pointer;display:flex;justify-items:center;justify-content:center}.form-input-file-content{color:#067eff;text-align:center}.modal-btn-save{padding:10px 1rem;background:var(--blue-500);color:#fff;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.modal-btn-save:hover{background:var(--blue-600)}.category-wrapper{padding:8px}.category-scroll{display:flex;gap:8px;overflow-y:hidden}.category-item-skeleton{display:inline-flex;height:38px;width:100px;border-radius:8px;overflow:hidden;position:relative;background:#f5f5f5}.category-skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.circle-btn{border:1px solid var(--gray-200);color:#fff;padding:8px;width:fit-content;border-radius:100%}.share-content-header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid #e5e7eb}.share-content-header__back-btn{padding:4px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .2s ease}.share-content-header__back-btn:hover{background-color:#e5e7eb}.share-content-header__title{font-size:1.125rem;text-align:left;font-weight:600;color:var(--black)}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.w-auto{width:auto!important}.max-w-max-content{max-width:max-content!important}.selectable-list{display:flex;flex-direction:column}.selectable-list__label{display:block;text-align:left;margin-bottom:8px;font-weight:600;color:var(--text-color, #000)}.selectable-list__container{display:flex;flex-direction:column;gap:6px;max-height:306px;overflow-y:auto}.selectable-item{position:relative;border:1px solid var(--gray-300);padding:8px;background:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:8px}.selectable-item:hover{background-color:#f9fafb}.selectable-item.active{border-color:var(--blue-500);background-color:var(--blue-50)}.selectable-item.active>*{position:relative;z-index:1}.selectable-item__thumbnail-wrapper{width:115px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selectable-item__thumbnail{width:100%;height:100%;border-radius:4px;overflow:hidden;border:1px solid var(--gray-200);object-fit:cover}.selectable-item__thumbnail>*{width:100%;height:100%;object-fit:cover;border-radius:8px}.selectable-item__thumbnail-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--gray-100, #f3f4f6);border-radius:4px;border:1px solid var(--gray-200)}.selectable-item__body{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;padding-right:12px}.selectable-item__check-icon{color:var(--blue-500);width:24px;height:24px;flex-shrink:0}.selectable-item__content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.selectable-item__title{margin:0;font-size:14px;font-weight:500;color:#374151;line-height:1.4}.selectable-item__subtitle{margin:0;font-size:12px;font-weight:400;color:#6b7280;line-height:1.4}.template-grid-container{overflow-y:scroll;padding:0 16px 16px}