.class-picker[data-v-9ed70120]{border-radius:.5rem;border-width:1px;border-color:rgb(var(--surface-200));background-color:rgb(var(--surface-0));padding:1rem}@media (prefers-color-scheme: dark){.class-picker[data-v-9ed70120]{border-color:rgb(var(--surface-700));background-color:rgb(var(--surface-800))}}.class-picker[data-v-9ed70120]{display:flex;flex-direction:column;height:100%}.class-list-scrollable[data-v-9ed70120]{flex:1;min-height:0}.class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar{width:12px}.class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar-track{background:rgb(var(--surface-100));border-radius:6px}.class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar-thumb{background:rgb(var(--surface-400));border-radius:6px;border:2px solid rgb(var(--surface-100))}.class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar-thumb:hover{background:rgb(var(--surface-500))}.dark .class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar-track{background:rgb(var(--surface-700))}.dark .class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar-thumb{background:rgb(var(--surface-600));border-color:rgb(var(--surface-700))}.dark .class-list-scrollable[data-v-9ed70120]::-webkit-scrollbar-thumb:hover{background:rgb(var(--surface-500))}.slide-enter-active[data-v-9ed70120],.slide-leave-active[data-v-9ed70120]{transition:all .2s ease;overflow:hidden}.slide-enter-from[data-v-9ed70120]{opacity:0;max-height:0}.slide-enter-to[data-v-9ed70120],.slide-leave-from[data-v-9ed70120]{opacity:1;max-height:1000px}.slide-leave-to[data-v-9ed70120]{opacity:0;max-height:0}.visual-tailwind-generator[data-v-471cb0c9]{padding:0}.tab-button[data-v-471cb0c9]{border-bottom-width:2px;border-color:transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--surface-600));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (prefers-color-scheme: dark){.tab-button[data-v-471cb0c9]{color:rgb(var(--surface-400))}}.tab-button[data-v-471cb0c9]:hover{color:rgb(var(--surface-700))}@media (prefers-color-scheme: dark){.tab-button[data-v-471cb0c9]:hover{color:rgb(var(--surface-300))}}.tab-button.active[data-v-471cb0c9]{border-color:rgb(var(--primary-600));color:rgb(var(--primary-600))}@media (prefers-color-scheme: dark){.tab-button.active[data-v-471cb0c9]{border-color:rgb(var(--primary-400));color:rgb(var(--primary-400))}}.section[data-v-471cb0c9]{border-radius:.25rem;border-width:1px;border-color:rgb(var(--surface-200));background-color:rgb(var(--surface-50));padding:1rem}@media (prefers-color-scheme: dark){.section[data-v-471cb0c9]{border-color:rgb(var(--surface-700));background-color:rgb(var(--surface-900))}}.section-title[data-v-471cb0c9]{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:rgb(var(--surface-700))}@media (prefers-color-scheme: dark){.section-title[data-v-471cb0c9]{color:rgb(var(--surface-300))}}.label[data-v-471cb0c9]{margin-bottom:.5rem;display:block;font-size:.75rem;line-height:1rem;font-weight:500;color:rgb(var(--surface-600))}@media (prefers-color-scheme: dark){.label[data-v-471cb0c9]{color:rgb(var(--surface-400))}}.box-model-wrapper[data-v-471cb0c9]{padding:1rem}.box-model-visual[data-v-471cb0c9]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;max-width:500px;margin:0 auto}.box-top-row[data-v-471cb0c9],.box-bottom-row[data-v-471cb0c9],.box-middle-row[data-v-471cb0c9]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.box-left-column[data-v-471cb0c9],.box-right-column[data-v-471cb0c9]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.box-input-wrapper[data-v-471cb0c9]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.box-label-main[data-v-471cb0c9]{font-size:.625rem;font-weight:700;color:#6b7280;line-height:1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:block;visibility:visible;opacity:1}.dark .box-label-main[data-v-471cb0c9]{color:#9ca3af}.box-direction-label[data-v-471cb0c9]{font-size:.625rem;font-weight:500;color:#6b7280;text-transform:capitalize;margin-bottom:.25rem}.dark .box-direction-label[data-v-471cb0c9]{color:#9ca3af}.box-type-label[data-v-471cb0c9]{font-size:.625rem;font-weight:700;color:#6b7280;text-transform:uppercase;margin-top:.25rem}.dark .box-type-label[data-v-471cb0c9]{color:#9ca3af}.box-input[data-v-471cb0c9]{width:60px}.box-input[data-v-471cb0c9] .p-inputnumber-input{font-size:.75rem;padding:.25rem .375rem;width:60px;text-align:center}.box-input[data-v-471cb0c9] .p-dropdown{width:180px;min-width:180px;position:relative}.box-input[data-v-471cb0c9] .p-dropdown .p-inputtext{font-size:.875rem;padding:.5rem 2.5rem .5rem .75rem;width:180px;text-align:center}.box-input[data-v-471cb0c9] .p-dropdown .p-dropdown-trigger{width:2rem;position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center}.box-input[data-v-471cb0c9] .p-dropdown .p-dropdown-clear-icon{position:absolute;right:2rem;top:50%;transform:translateY(-50%);cursor:pointer}.vertical-box-input[data-v-471cb0c9]{width:40px;max-width:40px}.vertical-box-input[data-v-471cb0c9] .p-inputnumber-input{width:40px;max-width:40px;height:60px;font-size:.7rem;padding:.25rem .125rem;writing-mode:vertical-lr;text-orientation:mixed}.vertical-box-input[data-v-471cb0c9] .p-dropdown{width:120px;min-width:120px;height:100px;position:relative}.vertical-box-input[data-v-471cb0c9] .p-dropdown .p-inputtext{width:120px;height:100px;font-size:.8rem;padding:.5rem .5rem 2.5rem;writing-mode:vertical-lr;text-orientation:mixed}.vertical-box-input[data-v-471cb0c9] .p-dropdown .p-dropdown-trigger{width:100%;position:absolute;bottom:0;left:0;height:1.5rem;display:flex;align-items:center;justify-content:center;writing-mode:initial;text-orientation:initial}.vertical-box-input[data-v-471cb0c9] .p-dropdown .p-dropdown-clear-icon{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);writing-mode:initial;text-orientation:initial;cursor:pointer}.content-box-visual[data-v-471cb0c9]{display:flex;align-items:center;justify-content:center;background-color:#dbeafe;border:2px solid rgb(147 197 253);border-radius:.375rem;min-width:160px;min-height:120px;padding:1rem;flex-shrink:0}.dark .content-box-visual[data-v-471cb0c9]{background-color:#1e3a8a;border-color:#3b82f6}.content-text[data-v-471cb0c9]{font-size:.75rem;font-weight:500;color:#1d4ed8}.dark .content-text[data-v-471cb0c9]{color:#93c5fd}.slide-enter-active[data-v-471cb0c9],.slide-leave-active[data-v-471cb0c9]{transition:all .2s ease;overflow:hidden}.slide-enter-from[data-v-471cb0c9]{opacity:0;max-height:0}.slide-enter-to[data-v-471cb0c9],.slide-leave-from[data-v-471cb0c9]{opacity:1;max-height:1000px}.slide-leave-to[data-v-471cb0c9]{opacity:0;max-height:0}.tailwind-class-generator[data-v-62b5c2c2]{padding:1rem;background-color:var(--surface-0);border-radius:.5rem;border:1px solid var(--surface-200)}.dark .tailwind-class-generator[data-v-62b5c2c2]{background-color:var(--surface-800);border-color:var(--surface-700)}.fade-enter-active[data-v-62b5c2c2],.fade-leave-active[data-v-62b5c2c2]{transition:opacity .15s ease}.fade-enter-from[data-v-62b5c2c2],.fade-leave-to[data-v-62b5c2c2]{opacity:0}[data-v-ff17ab1a] .p-inputtextarea-resizable{resize:none!important}