:root{--bg-color: #0b0b0b;--main-purple: #9d00ff;--main-white: #f5f5f5;--stroke: #111;--font-display: "Bangers", cursive;--font-body: "Oswald", sans-serif}body{background-color:var(--bg-color);color:var(--stroke);font-family:var(--font-body);margin:0;overflow-x:hidden;display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:repeating-linear-gradient(-45deg,#111,#111 20px,#0b0b0b 20px,#0b0b0b 40px)}.container{width:95%;max-width:1400px;position:relative;margin:40px 0}.shape-bg{position:absolute;background:var(--main-purple);z-index:-1;box-shadow:10px 10px 0 var(--stroke)}.shape-1{top:-20px;left:-50px;width:60%;height:200px;transform:skew(-15deg) rotate(-2deg)}.shape-2{bottom:-30px;right:-40px;width:80%;height:300px;transform:skew(20deg) rotate(3deg);background:var(--main-white)}.gateway-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gateway-card{background:var(--main-white);padding:40px;border:8px solid var(--stroke);box-shadow:15px 15px 0 var(--main-purple);transform:skew(-2deg);max-width:500px;width:100%;display:flex;flex-direction:column;gap:20px}.gateway-card>*{transform:skew(2deg)}.gateway-card h1{font-family:var(--font-display);font-size:4rem;margin:0;letter-spacing:2px;text-shadow:3px 3px 0 var(--stroke);color:var(--main-purple);line-height:1}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--main-white);padding:15px 30px;border:6px solid var(--stroke);transform:skew(-2deg);box-shadow:10px 10px 0 var(--main-purple)}.header-bar>*{transform:skew(2deg)}.header-bar h1{font-family:var(--font-display);font-size:3rem;margin:0;letter-spacing:2px}.monitor-sys{display:flex;gap:15px;flex-wrap:wrap}.monitor-badge{background:var(--stroke);color:var(--main-white);padding:5px 15px;font-size:1rem;font-weight:700;letter-spacing:1px;display:flex;gap:8px;align-items:center;border-bottom:3px solid var(--main-purple)}.monitor-badge span.val{color:var(--main-purple);font-family:var(--font-display);font-size:1.5rem;letter-spacing:1px}.main-card{background:var(--main-white);padding:30px;border:8px solid var(--stroke);box-shadow:15px 15px 0 var(--main-purple);display:grid;grid-template-columns:1.2fr 1fr;gap:30px;color:var(--stroke)}h2{font-family:var(--font-display);font-size:3rem;margin:0 0 10px;letter-spacing:2px}h3{font-family:var(--font-display);font-size:2rem;margin:0 0 10px;letter-spacing:1px}.workspace{display:flex;flex-direction:column;gap:20px}.tool-bar{display:flex;gap:10px;flex-wrap:wrap}.btn{background:var(--bg-color);color:var(--main-white);font-family:var(--font-display);font-size:1.8rem;padding:8px 20px;border:4px solid var(--stroke);cursor:pointer;transition:.2s;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px 0 var(--main-purple);transform:skew(-5deg)}.btn span{display:inline-block;transform:skew(5deg)}.btn:hover{background:var(--main-purple);color:var(--main-white);box-shadow:6px 6px 0 var(--stroke)}.btn--red{box-shadow:4px 4px #d30000}.btn--red:hover{background:#d30000}.btn--accent{background:var(--main-purple);color:var(--main-white);box-shadow:4px 4px 0 var(--stroke)}.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--stroke);box-shadow:none}.btn:disabled:hover{background:var(--stroke);color:var(--main-white);box-shadow:none}.upload-area{background:var(--bg-color);color:var(--main-white);border:6px dashed var(--main-purple);padding:40px;text-align:center;cursor:pointer;position:relative;transition:.2s}.upload-area:hover{background:#1a0033}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;min-height:200px;border:4px solid var(--stroke);padding:15px;background:#0000000d}.media-card{border:4px solid var(--stroke);background:var(--bg-color);cursor:pointer;transition:.2s;overflow:hidden;position:relative}.media-card:hover,.media-card.active{border-color:var(--main-purple);transform:scale(1.02)}.media-card__thumb{width:100%;aspect-ratio:16/9;background:#000;position:relative}.media-card__thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.media-card__thumb .badge{position:absolute;top:5px;right:5px;background:var(--main-purple);color:var(--main-white);padding:2px 5px;font-size:.8rem;font-weight:700;border:2px solid var(--stroke)}.media-card__info{padding:10px;color:var(--main-white);background:var(--stroke);display:flex;flex-direction:column;gap:5px}.media-card__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__progress{height:6px;background:#fff3;width:100%;margin:5px 0}.media-card__progress-fill{height:100%;background:var(--main-purple);transition:width .3s}.media-card__meta{font-size:.75rem;display:flex;justify-content:space-between;opacity:.7}.media-card__actions{display:flex;gap:5px;margin-top:5px}.preview-box{border:6px solid var(--stroke);background:#000;aspect-ratio:16/9;width:100%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:8px 8px 0 var(--main-purple);overflow:hidden;margin-top:10px}.preview-box img{max-width:100%;max-height:100%}.settings-panel{display:flex;flex-direction:column;gap:15px;height:100%;overflow-y:auto;padding-right:15px}.settings-panel::-webkit-scrollbar{width:10px}.settings-panel::-webkit-scrollbar-thumb{background:var(--main-purple);border:2px solid var(--stroke)}.settings-panel::-webkit-scrollbar-track{background:var(--main-white);border:2px solid var(--stroke)}details{border:4px solid var(--stroke);background:var(--main-white);box-shadow:5px 5px 0 var(--stroke)}summary{font-family:var(--font-display);font-size:2rem;padding:10px 15px;background:var(--main-purple);color:var(--main-white);cursor:pointer;letter-spacing:2px;list-style:none}summary::-webkit-details-marker{display:none}.opts-body{padding:20px;display:flex;flex-direction:column;gap:15px;background:#fdfdfd}.input-group{display:flex;flex-direction:column;gap:5px}label{font-weight:700;font-size:1.1rem;text-transform:uppercase}.skew-label{display:inline-block;background:var(--stroke);color:var(--main-white);padding:2px 10px;font-size:.9rem;transform:skew(-10deg);align-self:flex-start}.skew-label span{display:inline-block;transform:skew(10deg)}select,input[type=text],input[type=url],textarea{width:100%;padding:10px;font-family:var(--font-body);font-size:1.1rem;font-weight:700;border:3px solid var(--stroke);background:var(--main-white);outline:none;box-shadow:3px 3px 0 var(--stroke)}textarea{resize:vertical}select:focus,input:focus,textarea:focus{border-color:var(--main-purple);box-shadow:3px 3px 0 var(--main-purple)}.slider-wrap{display:flex;align-items:center;gap:10px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;width:14px;background:var(--main-purple);border:2px solid var(--stroke);cursor:pointer;margin-top:-10px;box-shadow:2px 2px 0 var(--stroke);transform:skew(-10deg)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--stroke);border:1px solid var(--stroke)}.range-val{font-family:var(--font-display);font-size:1.5rem;width:40px;text-align:right;color:var(--main-purple)}.check-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}.check-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:3px solid var(--stroke);box-shadow:2px 2px 0 var(--stroke);outline:none;cursor:pointer;position:relative;margin:0}.check-wrap input:checked:after{content:"✖";position:absolute;top:-5px;left:1px;font-size:1.2rem;color:var(--main-purple);font-weight:700}.feedback-state{padding:10px;border:3px dashed var(--stroke);font-weight:700;text-align:center;background:var(--bg-color);color:var(--main-white);margin-bottom:10px}.feedback-state--error{border-color:#d30000;color:#d30000;background:var(--main-white)}.feedback-state--loading{border-color:var(--main-purple)}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{background:var(--main-white);color:var(--stroke);padding:15px 20px;border:4px solid var(--stroke);box-shadow:6px 6px 0 var(--main-purple);font-family:var(--font-body);font-weight:700;font-size:1.1rem;animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275) forwards}.toast.is-leaving{animation:toast-out .3s forwards}.toast--error{box-shadow:6px 6px #d30000;border-color:#d30000;color:#d30000}.toast--success{box-shadow:6px 6px #1a8c1a}.toast--warn{box-shadow:6px 6px #c76c24}@keyframes toast-in{0%{transform:translateY(100px) skew(-5deg);opacity:0}to{transform:translateY(0) skew(-5deg);opacity:1}}@keyframes toast-out{0%{transform:translateY(0) skew(-5deg);opacity:1}to{transform:translateY(100px) skew(-5deg);opacity:0}}.preset-list-container{max-height:200px;overflow-y:auto;border:3px solid var(--stroke);background:var(--main-white);box-shadow:3px 3px 0 var(--stroke)}.preset-list-container::-webkit-scrollbar{width:8px}.preset-list-container::-webkit-scrollbar-thumb{background:var(--main-purple);border:1px solid var(--stroke)}.preset-list-container::-webkit-scrollbar-track{background:var(--main-white)}.preset-empty-msg{padding:12px;text-align:center;font-weight:700;font-size:1rem;opacity:.5;font-family:var(--font-body)}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:2px solid rgba(0,0,0,.08);cursor:default;transition:background .15s}.preset-item:last-child{border-bottom:none}.preset-item:hover{background:#9d00ff0f}.preset-item.is-active{background:#9d00ff1f;border-left:4px solid var(--main-purple)}.preset-item__info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.preset-item__name{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-item__desc{font-size:.8rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-item__actions{display:flex;gap:4px;flex-shrink:0}.preset-item__actions button{background:none;border:2px solid var(--stroke);cursor:pointer;padding:3px 6px;font-size:.9rem;transition:.15s}.preset-item__actions button:hover{background:var(--main-purple);color:var(--main-white);border-color:var(--main-purple)}.media-card__warning{font-size:.75rem;color:#c76c24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__status{font-size:.85rem;font-weight:700}.media-grid__empty{grid-column:1 / -1;font-weight:700;opacity:.5;text-align:center;padding:20px}dialog{border:6px solid var(--stroke);box-shadow:15px 15px 0 var(--main-purple);padding:30px;max-width:400px;width:100%}dialog::backdrop{background:#000c}.upload-area.drag-over{border-color:var(--main-purple)!important;background:#9d00ff14!important;transform:scale(1.02);transition:all .2s ease;box-shadow:0 0 20px #9d00ff4d}.hidden{display:none!important}@media(max-width:1000px){.main-card{grid-template-columns:1fr}}