:root{--bg:#0b1016;--bg2:#111923;--card:#141d27;--card2:#18232e;--line:#293746;--ink:#edf5f8;--muted:#8ea0ad;--green:#42b68a;--green2:#183b33;--blue:#8fd3ff;--blue2:#17384d;--danger:#ff7e78;--danger2:#442522;--shadow:rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0%,rgba(75,150,205,.12),transparent 32%),var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{max-width:1240px;margin:auto;padding:28px 28px 46px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}h1{font-size:31px;letter-spacing:-.02em;margin:4px 0 5px}h2{margin:0;font-size:22px}h3{margin:0 0 18px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--green);font-weight:900}header p{margin:0;color:var(--muted);max-width:820px}.header-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill,.limit{display:inline-block;background:var(--green2);color:var(--green);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.pill.blue,.limit.blue{background:var(--blue2);color:var(--blue)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.tab{border:0;background:transparent;padding:12px 15px;font-weight:850;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{color:var(--ink);border-color:var(--green)}.tabpanel{display:none}.tabpanel.active{display:block}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.panel-head p{margin:5px 0 0;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.run-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.card{background:linear-gradient(145deg,rgba(24,34,45,.96),rgba(17,26,35,.96));border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 28px var(--shadow)}.formcard label{display:block;font-size:13px;font-weight:750;margin:12px 0}.formcard input,.formcard select{display:block;width:100%;margin-top:6px;border:1px solid #314252;border-radius:11px;background:#0e151d;color:var(--ink);padding:12px;font:inherit;outline:none}.formcard input:focus,.formcard select:focus{border-color:var(--blue)}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:850;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--green);color:#07110d}.btn.ghost{background:transparent;border:1px solid #3a4a59;color:var(--ink)}.btn.ghost:hover{border-color:var(--blue);color:var(--blue)}.btn.big{width:100%;padding:15px;margin-top:12px;font-size:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.stats div,.cost div{background:#0f171f;border:1px solid #22303d;border-radius:13px;padding:12px}.stats b{display:block;font-size:21px}.stats span,.cost span,.selected span,.taskMeta span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.list{display:grid;gap:9px;max-height:480px;overflow:auto}.item{border:1px solid var(--line);border-radius:13px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:rgba(13,21,29,.75)}.item b{display:block}.item small{color:var(--muted)}.item .right{text-align:right}.statusTag{display:inline-block;border-radius:999px;background:var(--green2);color:var(--green);font-size:10px;font-weight:900;padding:4px 8px}.statusTag.bad{background:var(--danger2);color:var(--danger)}.mini-actions{display:flex;gap:6px;margin-top:7px;justify-content:flex-end}.mini{font-size:10px;padding:6px 8px}.msg{margin-top:10px;min-height:20px;color:var(--green);font-size:13px}.msg.error{color:var(--danger)}.hint,.smallNote{color:var(--muted);font-size:12px}.dropgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.drop{border:2px dashed #334555;border-radius:14px;padding:25px 14px!important;text-align:center;background:#0e161e}.drop span{display:block;font-weight:900;font-size:16px}.drop small{display:block;color:var(--muted);margin:4px 0 10px}.drop input{border:0!important;padding:0!important;background:transparent!important}.selected{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin-bottom:16px}.selected b{font-size:16px;margin-bottom:10px}.status{padding:12px;border-radius:12px;background:#0e171f;color:var(--muted);border:1px solid #22303d}.heartbeatBox{display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 0 rgba(66,182,138,.55);animation:pulse 1.8s infinite}.cost{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.cost b{font-size:17px}.dynamicInputs{display:flex;flex-direction:column;gap:12px;margin:14px 0}.dynamicInputs .drop{margin:0}.dynamicText{display:flex;flex-direction:column;gap:7px}.dynamicText span{font-weight:700;font-size:14px}.dynamicText small,.dynamicFile small{color:var(--muted)}.dynamicText textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;border:1px solid #314252;border-radius:11px;padding:11px;font:inherit;background:#0e151d;color:var(--ink)}.outputFiles{margin-top:10px;display:flex;flex-direction:column;gap:5px}.outputFiles a,.taskOutputs a{font-weight:800;color:var(--blue)}footer{margin-top:22px;color:var(--muted);font-size:12px}code{background:#0c141c;border:1px solid #253542;padding:2px 5px;border-radius:5px;color:var(--blue)}.presetList{display:grid;gap:8px;margin-bottom:12px}.preset{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid #273744;border-radius:10px;background:rgba(255,255,255,.025)}.preset small{display:block;color:var(--muted);line-height:1.45}.presetAdd{white-space:nowrap}.resultImage{max-width:100%;max-height:520px;border-radius:12px;margin-top:12px;object-fit:contain}.badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:var(--blue2);color:var(--blue);font-size:10px;margin-left:4px}.taskList{display:grid;gap:12px}.taskCard{background:linear-gradient(145deg,rgba(20,30,40,.98),rgba(12,19,26,.98));border:1px solid var(--line);border-left:4px solid var(--green);border-radius:16px;padding:16px;box-shadow:0 8px 22px var(--shadow)}.taskCard.long{border-left-color:var(--blue)}.taskCard.failed{border-left-color:var(--danger)}.taskCard.success{border-left-color:var(--green)}.taskTop{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.taskTitle{display:flex;align-items:center;gap:8px;font-size:16px}.taskTitle .dot{animation:pulse 1.8s infinite}.taskMeta{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}.taskMeta>div{background:#0d151d;border:1px solid #22303d;border-radius:11px;padding:9px}.taskMeta b{font-size:12px;display:block;margin-top:3px}.taskHeartbeat{padding:9px 11px;border-radius:10px;background:#10202b;color:#9fc8df;font-size:12px}.taskError{margin-top:9px;padding:10px;border-radius:10px;background:var(--danger2);color:#ffb0aa;font-size:12px;word-break:break-word}.taskOutputs{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.taskOutputs a{padding:7px 10px;border:1px solid #29465a;border-radius:9px;text-decoration:none;background:#0d1a23}.taskActions{display:flex;justify-content:flex-end;margin-top:11px}.emptyState{padding:28px;text-align:center;border:1px dashed #334555;border-radius:14px;color:var(--muted)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(66,182,138,.45)}70%{box-shadow:0 0 0 7px rgba(66,182,138,0)}100%{box-shadow:0 0 0 0 rgba(66,182,138,0)}}
@media(max-width:900px){.grid2,.run-grid{grid-template-columns:1fr}.taskMeta{grid-template-columns:repeat(2,1fr)}header{display:block}.header-badges{justify-content:flex-start;margin-top:12px}.dropgrid{grid-template-columns:1fr}}

.tutorial{margin-top:14px;padding:12px 14px;border:1px solid #293746;border-radius:12px;background:#0e171f;color:var(--muted)}.tutorial summary{cursor:pointer;color:var(--ink);font-weight:800}.tutorial ol{margin:10px 0 8px 20px;padding:0}.tutorial a{color:var(--blue);font-weight:800}.dynamicText select,.dynamicText input[type=number]{width:100%;margin-top:5px;border:1px solid #314252;border-radius:11px;background:#0e151d;color:var(--ink);padding:11px;font:inherit}.checkRow{display:block}.checkRow input{width:auto;margin:8px 0 0}.taskCard.success .statusTag{background:var(--green2);color:var(--green)}.taskCard.failed .statusTag{background:var(--danger2);color:var(--danger)}.taskCard.running .statusTag,.taskCard.long .statusTag{background:#4a3b18;color:#ffd36a}.resultPreview{display:flex;flex-direction:column;gap:7px;width:min(520px,100%)}.resultPreview video{width:100%;max-height:520px;border-radius:12px;background:#000}.taskOutputs{align-items:flex-start}.taskActions{gap:7px;flex-wrap:wrap}.badge{background:#4a3b18;color:#ffd36a}
.hidden{display:none!important}.adminContent.hidden,.adminLock.hidden{display:none!important}.adminLock{max-width:560px}.adminTab{margin-left:auto}.previewSpoiler{width:min(520px,100%);border:1px solid #29465a;border-radius:10px;background:#0d1a23;padding:7px 10px}.previewSpoiler summary{cursor:pointer;color:var(--blue);font-weight:800}.previewSpoiler .resultPreview{margin-top:8px}.taskOutputs{display:flex;flex-direction:column;gap:9px}

.passwordWrap{position:relative;display:flex;align-items:center}.passwordWrap input{width:100%;padding-right:48px!important}.eyeBtn{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--blue);cursor:pointer;font-size:16px}.eyeBtn:hover{background:#172633}.adminPosterSlot{margin-top:14px}.adminPosterFrame{width:min(680px,100%);min-height:250px;border:1px dashed #345064;border-radius:14px;background:linear-gradient(145deg,#101b24,#0c141c);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--muted);overflow:hidden}.adminPosterLabel{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--blue)}.adminPosterText{font-size:28px;font-weight:900;color:var(--ink);letter-spacing:1px}.adminPosterFrame small{max-width:420px}

.adminPosterFrame{width:min(900px,100%);min-height:0;background:#0b1219;padding:0}.adminPosterImage{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:13px}

.accountToolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.accountToolbar label{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.accountToolbar select{margin-left:8px;border:1px solid #314252;border-radius:9px;background:#0e151d;color:var(--ink);padding:8px 10px;font:inherit}.statusTag.bad{background:var(--danger2);color:var(--danger)}.estimateCost{margin-top:12px;padding:10px 13px;border:1px solid #5a6b21;border-radius:10px;background:rgba(85,105,20,.22);display:flex;justify-content:space-between;align-items:center;gap:12px}.estimateCost span{color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:800}.estimateCost b{color:#d7ff36;font-size:16px}.adminInfo{margin-bottom:14px;border-color:#5b5122;background:linear-gradient(145deg,rgba(42,45,27,.96),rgba(20,27,24,.96))}.adminInfo h3{color:#ffe36a}.adminInfo ol{margin:0;padding-left:22px;color:#d9d5bd}.adminInfo li{margin:7px 0}.adminInfo li b{color:#ffe36a}.adminPosterFrame.horizontalPosters{width:100%;min-height:0;padding:0}.adminPosterImage{width:100%;height:auto;display:block;object-fit:contain}