*{box-sizing:border-box}body{margin:0;background:#11121c;color:#eeeaf8;font:15px/1.55 system-ui,Segoe UI,sans-serif}header{padding:16px max(22px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;background:#201c31;border-bottom:1px solid #3b3154}header strong{font-size:22px}header small{font-size:12px;color:#bba8f0}nav{display:flex;flex-wrap:wrap;gap:18px}a{color:#cbb8ff}main{max-width:1240px;margin:auto;padding:24px 20px}h1{font-size:29px}h2{margin-top:45px}.layout{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:20px}.panel{background:#1d1d2c;border:1px solid #383349;border-radius:13px;padding:20px;min-width:0}label{display:block;margin:12px 0;font-weight:600}input:not([type=checkbox]):not([type=range]),select{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #5c5470;border-radius:8px;background:#141522;color:white;font:inherit}input[type=file]{font-size:12px}button{background:#8056c6;border:0;border-radius:8px;color:white;padding:11px 17px;font:inherit;font-weight:650;cursor:pointer}button:hover{background:#9369dc}.check{display:flex;align-items:center;gap:9px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:10px;text-align:left;border-bottom:1px solid #373348}th{color:#c7b8e4;font-size:12px}.thumb{width:48px;height:66px;object-fit:contain}.preview{max-width:110px;max-height:160px;display:block;margin:10px 0}.ok,.error,.result{padding:12px;border-radius:8px;background:#263e33}.error{background:#532b38}.result{margin-top:18px;background:#302847}#cropCanvas{width:100%;max-width:280px;touch-action:none;cursor:grab;border-radius:7px}.login{max-width:430px;margin:12vh auto;background:#1d1d2c;padding:30px;border-radius:14px}@media(max-width:850px){.layout{grid-template-columns:1fr}header{display:block}nav{margin-top:12px}}