#root{margin:0 auto}header{background:#343a46;width:250px;height:100%;padding:30px 0;text-align:center;position:fixed;top:0;left:0}header ul li{margin-top:20px}header ul li a{color:#fff}header ul li a:hover{color:#58c4dc;transition:.2s}.Tags{background:#343a46;width:500px;height:500px;padding:30px}.Tags input{border:0;border-radius:12px;background:#f3f4f6;width:100%;height:56px;padding:0 24px}.Tags input::placeholder{color:#9ca3af}.Tags input:focus{border:2px solid #3692ff;outline:none}.tagList{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.tagList li{border-radius:26px;background:#f3f4f6;display:flex;align-items:center;height:36px;color:#1f2937;padding:0 42px 0 16px;position:relative}.tagList li button{width:22px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='22'%20height='24'%20viewBox='0%200%2022%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='12'%20r='10'%20fill='%239CA3AF'/%3e%3cpath%20d='M7.08044%208L15.0804%2016'%20stroke='white'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3cpath%20d='M14.9999%208L6.99994%2016'%20stroke='white'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3c/svg%3e");position:absolute;top:50%;right:12px;transform:translateY(-50%)}.FilePreview>div{background:#343a46;min-width:500px;height:500px;display:flex;align-items:center;justify-content:center;gap:24px;padding:30px}.FilePreview label{border-radius:12px;background:#f3f4f6 url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2024H38'%20stroke='%239CA3AF'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M24%2038V10'%20stroke='%239CA3AF'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat;background-size:48px;background-position:50% 98px;display:block;width:282px;height:282px;margin:0;cursor:pointer;position:relative}.FilePreview label input{display:none}.FilePreview label span{color:#9ca3af;position:absolute;bottom:98px;left:50%;transform:translate(-50%)}.preview{border-radius:12px;width:282px;height:282px;overflow:hidden;position:relative}.preview img{width:100%;height:100%;object-fit:cover}.preview button{width:22px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='22'%20height='24'%20viewBox='0%200%2022%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='12'%20r='10'%20fill='%239CA3AF'/%3e%3cpath%20d='M7.08044%208L15.0804%2016'%20stroke='white'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3cpath%20d='M14.9999%208L6.99994%2016'%20stroke='white'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat;background-size:100%;position:absolute;top:12px;right:12px;border:none;outline:none;cursor:pointer;background-color:transparent}.NumberReplace{background:#343a46;width:500px;padding:30px}.NumberReplace input{border:0;border-radius:12px;background:#f3f4f6;width:100%;height:56px;padding:0 24px}.NumberReplace input::placeholder{color:#9ca3af}.NumberReplace input:focus{border:2px solid #3692ff;outline:none}:root{background-color:#23272f}*{box-sizing:border-box;margin:0;padding:0;font-size:16px;line-height:1.5}body{width:calc(100%-250px);height:100vh;display:flex;align-items:center;margin-left:250px}li{list-style:none}a{font-weight:500;text-decoration:none}button{border:none;cursor:pointer}