@import"https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap";@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSubtle{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes alertSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes alertSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root{font-family:Rethink Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#f7f7f7}.btn{padding:5px 10px;font-size:12px;font-weight:400;font-family:inherit;border-radius:20px;border:1px solid #000000;background-color:transparent;color:#000;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:hover{background-color:#f5f5f5}.btn-primary{background-color:#000;color:#fff;border-color:#000}.btn-primary:hover{background-color:#333}.btn-secondary{background-color:transparent;color:#000;border-color:#00000030}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:8px}.btn-icon-small{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px}.btn-execution{border-radius:6px}.btn-plain{border:none;padding:0}.btn-plain:hover{background:none;opacity:50%}.input{width:100%;padding:5px 9px;font-size:12px;font-family:inherit;border:1px solid #d0d0d0;border-radius:6px;background-color:#fff;color:#000;transition:border-color .2s ease}.input:focus{outline:none;border-color:#000}.input::placeholder{color:#999}.slider{width:100%;height:2px;background:#e5e5e5;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#373737;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{width:12px;height:12px;background:#ffffff;border:1px solid black;border-radius:50%;cursor:pointer;border:none}.label{display:block;font-size:12px;font-weight:400;color:#999;margin-bottom:8px}.label-link{color:#000;text-decoration:underline;cursor:pointer;font-size:12px}.label-link:hover{color:#333}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:transform .2s ease}.color-swatch:hover{opacity:80%;transition:all .4s ease}.color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.section{margin-bottom:32px;padding:0 10px;align-items:start}.section-title{display:flex;flex-direction:row;gap:5px;font-size:12px;font-weight:400;color:#191919;margin-bottom:12px}.container{width:auto}.bento-box{padding:20px;background-color:#fff;border-radius:15px;border:1px solid #000000;width:100%;height:auto;transition:box-shadow .2s ease,transform .2s ease}.bento-box:hover{box-shadow:0 4px 12px #00000014}.grid-2col{display:flex;justify-content:space-between;align-content:end;min-height:100vh;width:100%}.preview-area{width:calc(22vw / 3 * 4);min-width:300px;align-items:center;display:flex;flex-direction:column;gap:20px;position:fixed}.button-group{display:flex;gap:4px;flex-wrap:wrap}.drop-zone{display:flex;align-items:center;width:auto;padding:5px 10px;font-size:12px;font-weight:400;font-family:inherit;border-radius:20px;border:1px solid #00000030;background-color:transparent;color:#000;cursor:pointer;transition:all .2s ease;white-space:nowrap}.drop-zone:hover{background-color:#f5f5f5}.drop-zone.dragging{border:1px dashed #000000;background-color:#eff6ff;border-radius:3px;padding:8px 15px}.drop-zone.has-file{border-style:solid;background-color:#000;color:#fff}.drop-zone-content{display:flex;align-items:center;justify-content:space-between}.drop-zone-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;font-size:12px}.drop-zone-remove{cursor:pointer;font-weight:lighter;font-size:13px;line-height:1;flex-shrink:0;transition:background-color .15s ease;padding-top:1px;border:0px;background-color:transparent;color:#fff}.drop-zone-remove:hover{opacity:50%;transition:all .2s ease}.page-transition{animation:fadeIn .3s ease-out}.page-transition-slow{animation:fadeInUp .4s ease-out}.animate-fade-in{animation:fadeIn .25s ease-out}.animate-fade-in-subtle{animation:fadeInSubtle .6s ease-out}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.animate-fade-in-scale{animation:fadeInScale .25s ease-out}.animate-slide-in{animation:slideIn .25s ease-out}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:50ms}.animate-stagger>*:nth-child(3){animation-delay:.1s}.animate-stagger>*:nth-child(4){animation-delay:.15s}.animate-stagger>*:nth-child(5){animation-delay:.2s}.animate-stagger>*:nth-child(6){animation-delay:.25s}.animate-stagger>*{animation:fadeIn .3s ease-out backwards}.smooth-transition{transition:all .2s ease}.color-swatch{transition:transform .2s ease,box-shadow .2s ease}.slider::-webkit-slider-thumb{transition:transform .15s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.label-link{transition:color .15s ease}.alert-slide-down{animation:alertSlideDown .3s ease-out}.alert-slide-up{animation:alertSlideUp .3s ease-out}