:root{--bg:#07080b;--card:#111319;--card2:#171a21;--line:#272b35;--red:#d10b0b;--red2:#ff2f2f;--text:#f7f7f8;--muted:#9da3af}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:radial-gradient(circle at top,#240505,#07080b 42%);color:var(--text);font-family:Tahoma,Arial,sans-serif;min-height:100%;overscroll-behavior:none}
button,input,select{font:inherit}button{border:1px solid #353a46;background:#1a1d25;color:#fff;border-radius:12px;padding:11px 13px;cursor:pointer;font-weight:700}button:hover,.seg button.active{background:linear-gradient(135deg,var(--red),#6d0000);border-color:#ff3b3b}.ghost{background:#12141a}.danger{background:#2a0b0b}.primary{background:linear-gradient(135deg,var(--red),#7f0000);border-color:#ed2424}.big{padding:14px 18px}
.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;background:#08090de8;border-bottom:1px solid #20232b;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px}.brandMark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f01b1b,#6d0000);font-size:22px;font-weight:900}.brand small{display:block;color:var(--muted);margin-top:2px}.topActions{display:flex;gap:7px;flex-wrap:wrap}
.shell{max-width:1500px;margin:auto;padding:16px}.card{background:linear-gradient(180deg,#12141a,#0c0e13);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #0007}.uploadCard{display:flex;align-items:center;gap:10px;padding:14px;margin-bottom:14px}.uploadCard span{color:var(--muted);font-size:12px;flex:1}
.editorGrid{display:grid;grid-template-columns:340px 1fr;gap:14px}.tools{padding:16px;position:sticky;top:76px;height:max-content}.tools h3{margin:12px 0 9px}.tools label{display:block;margin-top:12px;color:#ddd}.tools input[type=text],.tools input[type=email],.tools input[type=password],.tools select,.modal input{width:100%;background:#0b0d12;color:#fff;border:1px solid #303541;border-radius:11px;padding:11px;margin-top:7px}.tools input[type=range]{width:100%;accent-color:var(--red)}.seg,.two,.formatGrid{display:grid;gap:8px}.seg{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr;margin-top:8px}.formatGrid{grid-template-columns:repeat(2,1fr);margin-top:9px}.hint{font-size:12px;line-height:1.7;color:var(--muted)}
.previewCard{min-height:620px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:auto}.emptyIcon{font-size:54px;color:#e01818}.previewCard #emptyState{text-align:center;color:var(--muted)}.canvasWrap{position:relative;display:inline-block;max-width:100%}canvas{display:block;max-width:100%;max-height:75vh;border-radius:14px;background:#050608;touch-action:none;user-select:none}#selection{position:absolute;border:2px solid var(--red2);background:#ff000014;box-shadow:0 0 0 9999px #0005;pointer-events:none;border-radius:8px}
#toast{position:fixed;z-index:200;bottom:18px;left:18px;right:18px;max-width:650px;margin:auto;padding:13px 16px;border-radius:13px;background:#171a21;border:1px solid #343945;box-shadow:0 20px 60px #000b;text-align:center}
.modal{position:fixed;inset:0;z-index:100;background:#000c;display:flex;align-items:center;justify-content:center;padding:16px}.modal[hidden]{display:none}.modalCard{position:relative;width:min(460px,96vw);max-height:90vh;overflow:auto;background:#111319;border:1px solid #303541;border-radius:18px;padding:18px}.modalCard.wide{width:min(900px,96vw)}.modalCard.extraWide{width:min(1200px,98vw)}.x{position:absolute;left:10px;top:10px;width:36px;height:36px;border-radius:50%;padding:0}.libraryGrid,.emojiGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:12px}.libraryGrid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.emojiGrid button{font-size:30px;min-height:65px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stats>div{padding:14px;border-radius:12px;background:#0c0e13;border:1px solid #272b35;text-align:center}.stats b{display:block;font-size:26px;color:#ff3939}.stats span{font-size:12px;color:var(--muted)}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:9px;border-bottom:1px solid #292d36;text-align:right}
@media(max-width:900px){.topbar{align-items:flex-start;padding:9px}.brand small{display:none}.topActions button{font-size:11px;padding:8px 9px}.shell{padding:9px}.uploadCard{flex-wrap:wrap}.uploadCard span{flex-basis:100%}.editorGrid{grid-template-columns:1fr}.previewCard{min-height:360px;order:1}.tools{position:static;order:2}.seg button,.two button,.formatGrid button{min-height:44px}.stats{grid-template-columns:1fr}}

#sourceVideo{max-width:100%;max-height:75vh;border-radius:14px;background:#000}

.tools input[type=number]{width:100%;background:#0b0d12;color:#fff;border:1px solid #303541;border-radius:11px;padding:10px;margin-top:6px}