*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#0b0b13}body{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.App,body{min-height:100vh}.App{background:radial-gradient(circle at 50% 0,#00e5ff1a,#0000 50%)}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}.paragraph--1{font-size:1rem}.paragraph--2{font-size:.875rem}.paragraph--3{font-size:.75rem}.header{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:1.5rem 2rem}.header .logo{filter:drop-shadow(0 0 10px rgba(0,229,255,.3));height:2.5rem;width:auto}.main{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:1.5rem}.container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}@media(max-width:576px){.container{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10101bb3;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 0 20px #00e5ff1a;min-width:0;padding:1.5rem}.card.processors-card{width:100%}.card__header{justify-content:space-between;margin-bottom:1rem}.card__header,.card__header__container{align-items:center;display:flex;flex-direction:row}.card__header__container{gap:1rem;justify-content:flex-start}.card__header_typo .heading{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:500;gap:.25rem;margin-bottom:.25rem}.card__header_typo .heading .dot{background-color:#00e5ff;border-radius:50%;box-shadow:0 0 10px #00e5ff80;display:inline-block;height:6px;width:6px}.card__header_typo .paragraph--2{color:#fff9;font-size:.875rem;margin-bottom:0}.card__body{min-height:200px}.card__btn{flex-shrink:0;margin-left:1rem}.tabs{align-items:center;border-bottom:1px solid #00e5ff1a;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem;padding-bottom:1rem}.tab{border-radius:.25rem;color:#fff9;font-family:Fira Code,monospace;font-size:.875rem;font-weight:500;padding:.25rem 1rem;transition:all .2s ease}.tab.active{background:#00e5ff1a;color:#00e5ff}.tab:hover:not(.active){color:#fff}.processors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;margin-bottom:1.5rem}@media(max-width:576px){.processors{grid-template-columns:1fr}}.processor{background:#0003;border:1px solid #00e5ff1a;border-radius:.5rem;height:fit-content;max-width:400px;padding:1rem;transition:all .2s ease;width:100%}.processor.active{background:#00e5ff0d;border-color:#00e5ff4d}.processor__header{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.processor__header:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.processor__status{background:var(--color-surface-alt);border-radius:.25rem;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.processor.active .processor__status{background:var(--color-primary-light);color:var(--color-primary)}.processor__info{flex:1 1}.processor__name{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:.25rem;margin-bottom:.25rem}.processor__description{color:#fff9;font-size:.875rem}.processor__toggle{background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:.25rem;color:#00e5ff;font-family:Fira Code,monospace;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.processor__toggle:hover{background:#00e5ff26;border-color:#00e5ff4d}.processor__controls{border-top:1px solid #00e5ff1a;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.processor__apply-btn{align-self:flex-end;margin-top:.25rem}.slider__header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.25rem}.slider__label{color:#fff9;font-size:.875rem}.slider__value{color:#00e5ff;font-family:Fira Code,monospace;font-size:.875rem}.slider__input{-webkit-appearance:none;background:#00e5ff1a;border-radius:.25rem;height:2px;width:100%}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;background:#00e5ff;border:2px solid #0000001a;border-radius:50%;box-shadow:0 0 10px #00e5ff4d;cursor:pointer;height:12px;width:12px}.color-input__header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.25rem}.color-input__label{color:#fff9;font-size:.875rem}.color-input__input{background:#00e5ff1a;border:none;border-radius:.25rem;cursor:pointer;height:32px;padding:0;width:100%}.color-input__input::-webkit-color-swatch-wrapper{padding:0}.color-input__input::-webkit-color-swatch{border:none;border-radius:.25rem}.processors-footer{align-items:center;border-top:1px solid #00e5ff1a;display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff00001a;border:1px solid #f003;border-radius:.5rem;color:#f44;font-family:Fira Code,monospace;font-size:.875rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn{align-items:center;border-radius:.25rem;display:flex;flex-direction:row;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:all .2s ease}.btn--1{background:linear-gradient(90deg,#00e5ff,#8b6dff);border:none;box-shadow:0 0 20px #00e5ff33;color:#fff}.btn--1:hover{box-shadow:0 0 30px #00e5ff4d;transform:translateY(-1px)}.btn--1:active{transform:translateY(0)}.btn--1__icon{align-items:center;display:flex;flex-direction:row;justify-content:center}.btn--2{background-color:#00e5ff1a;border:1px solid #00e5ff33;color:#00e5ff}.btn--2:hover{background-color:#00e5ff26;border-color:#00e5ff4d}.btn--2__icon{align-items:center;display:flex;flex-direction:row;justify-content:center}.btn--small{font-size:.75rem;padding:.5rem .75rem}.upload{align-items:center;background:#0003;border:2px dashed #00e5ff33;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;position:relative;transition:all .2s ease;width:100%}.upload:hover{background:#0000004d;border-color:#00e5ff4d}.upload .icon--lg{align-items:center;background:#00e5ff1a;border-radius:.25rem;display:flex;height:48px;justify-content:center;margin-bottom:.25rem;width:48px}.upload .paragraph--3{color:#fff9;font-size:.875rem;margin:0;text-align:center}.upload .btn{margin-top:.25rem}.canvas__container{background-color:#0000004d;border-radius:.5rem;height:100%;min-height:300px;overflow:hidden;position:relative;width:100%}.canvas__container .canvas__border{border:2px solid #00e5ff;height:20px;position:absolute;width:20px;z-index:2}.canvas__container .canvas__border:first-child{border-bottom:none;border-radius:.5rem 0 0 0;border-right:none;left:0;top:0}.canvas__container .canvas__border:nth-child(2){border-bottom:none;border-left:none;border-radius:0 .5rem 0 0;right:0;top:0}.canvas__container .canvas__border:nth-child(3){border-radius:0 0 0 .5rem;border-right:none;border-top:none;bottom:0;left:0}.canvas__container .canvas__border:nth-child(4){border-left:none;border-radius:0 0 .5rem 0;border-top:none;bottom:0;right:0}.canvas__container .canvas{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;z-index:1}.canvas__container .canvas__label{bottom:.5rem;color:#fff;font-size:.8rem;left:.5rem;position:absolute;z-index:2}.canvas__container.processing:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.canvas__label{bottom:.5rem;color:#fff9;font-family:Fira Code,monospace;font-size:.75rem;left:.5rem;position:absolute;z-index:2}.canvas__btn{position:absolute;right:.5rem;top:.5rem;z-index:2}.canvas__processing{align-items:center;color:#fff;display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.canvas__processing p{font-family:Fira Code,monospace;font-size:.875rem;margin:0}.canvas__processing__spinner{animation:spin 1s linear infinite;border:2px solid #00e5ff33;border-radius:50%;border-top-color:#00e5ff;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.79bc39dd.css.map*/